webpack proxyTable

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] 了接口

相關文章
相關標籤/搜索