【VUE】一个简单常用的proxyTable配置
一个简单常用的proxyTable配置// 配置改动后需要重启生效 (运行npm run dev)proxyTable: {// 所有 /api请求的路由会走这个代理'/api': {changeOrigin: true, //跨域target: 'http://172.16.0.107:1338'},// 所有 /ywapi请求的路由会走...
·
一个简单常用的proxyTable配置
// 配置改动后需要重启生效 (运行npm run dev)
proxyTable: {
// 所有 /api请求的路由会走这个代理
'/api': {
changeOrigin: true, //跨域
target: 'http://172.16.0.107:1338'
},
// 所有 /ywapi请求的路由会走这个代理
'/ywapi': {
changeOrigin: true,
target: 'http://127.0.0.1:7001',
//重写路径
pathRewrite: {
'^/api': '/abc/xxx' //例如 /api/getuser或被重写为 /abc/xxx/getuser
},
onProxyReq: function (proxyReq, req, res) {
//实在不知道代理后的路径,可以在这里打印出出来看看
console.log("原路径:" + req.originalUrl, "代理路径:" + req.path)
}
}
},
因为vue-cli 用了webpac-dev-server工具,而该工具又引用了http-proxy-middleware中间件,所以更多详细可以参考:
https://www.npmjs.com/package/http-proxy-middleware
更多推荐
已为社区贡献1条内容
所有评论(0)