Vue使用Proxy代理后仍无法生效的解决_API

devServer: {
port: 8080,
proxy: {
'/manage': {
target: process.env.VUE_APP_API_BASE_URL,
ws: false,
changeOrigin: true,
pathRewrite: {
'^/manage': '/manage' // 需要rewrite的,
}
},
'/api': {
target: process.env.VUE_APP_API_BASE_URL,
ws: false,
changeOrigin: true,
pathRewrite: {
'^/api': '/api' // 需要rewrite的,
}
}
}
},

Vue使用Proxy代理后仍无法生效的解决_vue.js_02

如果你的接口是这样的 /manage/login 的,或者是 /api/login

vue中用proxy代理,发现返回接口404,

这时候可以去后端查看一下访问日志

发现问题

Vue使用Proxy代理后仍无法生效的解决_vue.js_03

 这里也要 写 到 

'/manage': {
target: process.env.VUE_APP_API_BASE_URL,
ws: false,
changeOrigin: true,
pathRewrite: {
'^/manage': '/manage' // 需要rewrite的,
}
},