proxy: {
[process.env.VUE_APP_BASE_API]: {
target: `http://127.0.0.1:${port}/mock`,
changeOrigin: true,
pathRewrite: {
['^' + process.env.VUE_APP_BASE_API]: ''
}
}
},
告诉node 碰到[porcess.env.VUE_APP_BASE_API] 开头的接口 就使用代理。
所以我们的请求接口形式是:[porcess.env.VUE_APP_BASE_API]/xx/xx
然后实际请求中转的是target指向的位置: http://127.0.0.1:${port}/mock/xx/xx
但是我们页面接口上写的并没有[porcess.env.VUE_APP_BASE_API] 啊。 这时候就是pathRewrite起的包装作用了。它会把[porcess.env.VUE_APP_BASE_API] 给去掉。 这样既能有正确标识, 又能在请求接口的时候去掉[porcess.env.VUE_APP_BASE_API] 了