前端本地proxy跨域代理配置


  等了好久的接口,總算拿到了,結果卻發現用本地localhost:9712去請求接口的時候,出現了跨域錯誤,而這個時候我們就需要進行下跨域配置了。

  首先,找到項目中名為webpack.config.js,在里面找到devServer的配置,如下圖

  

devServer: {
    proxy: {
      '/API': {    // 定義代理的名稱
        changeOrigin: true,  // 是否啟動代理
        target: 'http://xijipan.dev.grdoc.org', // 代理的域名
     pathRewrite: {'^/API','/'} // 如果你的真實的api路徑中沒有/API這一個路徑,把這句加上,如果本來就有/API這一路徑的話,這句一定要去掉,要不然會導致域名找不到的 } } },

  其實,上面那種配置了之后,在配置上已經完成了,但是我們一定要記住一點,我們配置的是代理、代理、代理,既然是代理,那我們就一定要去用了才能起作用,一定要將本地用到接口請求的地方用/API替換掉,要不然肯定不起作用啦。

  當然,如果大家還想要詳細了解更多的配置項的話,可以參考這篇文章:https://www.csdn.net/gather_20/OtTakgwsNTQxLWJsb2cO0O0O.html

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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM