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] 開頭的接口 就使用代理。node
因此咱們的請求接口形式是:[porcess.env.VUE_APP_BASE_API]/xx/xx 代理
而後實際請求中轉的是target指向的位置: http://127.0.0.1:${port}/mock/xx/xxcode
可是咱們頁面接口上寫的並無[porcess.env.VUE_APP_BASE_API] 啊。 這時候就是pathRewrite起的包裝做用了。它會把[porcess.env.VUE_APP_BASE_API] 給去掉。 這樣既能有正確標識, 又能在請求接口的時候去掉[porcess.env.VUE_APP_BASE_API] 了接口