Vue.js使用proxytable跨域的路徑問題

代碼例子：

/api

proxyTable: {
      '/api': { //將www.exaple.com印射為/apis
        target: 'http://127.0.0.1:80/', // 接口域名
         logLevel: 'debug',
        changeOrigin: true,//是否跨域
        pathRewrite: {
          '^/api': '/api',
        }
      }
    }

 

這樣我們在寫url的時候，只用寫成 /api/1 就可以代表 www.xxxxxxxx.com/api/1

proxytable的默認pathRewrite為：

pathRewrite: {
      '^/api': ''
}

 

這樣我們在寫url的時候，寫 /api/1 就可以代表 api.xxxxxxxx.com/1

注意： '/api' 為匹配項，target 為被請求的地址，因為在 ajax 的 url 中加了前綴 '/api'，而原本的接口是沒有這個前綴的，所以需要通過 pathRewrite 來重寫地址，將前綴 '/api' 轉為 '/'。如果本身的接口地址就有 '/api' 這種通用前綴，就可以把 pathRewrite 刪掉。

changeOrigin參數，如果設置為true，那么本地會虛擬一個服務端接收你的請求並代你發送該請求，這樣就不會有跨域問題了。

另：proxytable只在開發環境中使用

---------------------
作者：Robert_Gao
來源：CSDN
原文：https://blog.csdn.net/yingxiongfengyun2020/article/details/80660960
版權聲明：本文為博主原創文章，轉載請附上博文鏈接！