Vue项⽬devServer.proxy代理配置详解
如果你的前端应⽤和后端 API 服务器没有运⾏在同⼀个主机上，你需要在开发环境下将 API 请求代理到 API 服务器。可以通过 *.config.js 中的 devServer.prox y 选项来配置。
.config.js⽂件中，引⼊依赖项
const proxy = require('http-proxy-middleware');
devServer: {
proxy: 'localhost:4000'
}
}
更多的代理控制⾏为：
const proxy = require('http-proxy-middleware');
devServer:{
host: 'localhost',//target host
port: 8080,
//proxy:{'/api':{}}，代理器中设置/api，项⽬中请求路径为/api的替换为target
proxy:{
'/api':{
target: '192.168.1.30:8085',//代理地址，这⾥设置的地址会代替axios中设置的baseURL
changeOrigin: true,// 如果接⼝跨域，需要进⾏这个参数配置
//ws: true, // proxy websockets
//pathRewrite⽅法重写url
pathRewrite: {
'^/api':'/'
//pathRewrite: {'^/api':'/'}重写之后url为 192.168.1.16:8085/xxxx
//pathRewrite: {'^/api':'/api'}重写之后url为 192.168.1.16:8085/api/xxxx
webserver接口开发
}
}}
},
//...
}

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。