axios解決調用后端接口跨域問題


vue-cli通過是本地代理的方式解決接口跨域問題的。但是在vue-cli的默認項目配置中這個代理是沒有配置的,如果現在項目中使用,必須手動配置config/index.js文件

...
proxyTable: {
      '/api': {    //將www.exaple.com印射為/apis
        target: 'https://www.example.com,  // 接口域名
        secure: true,  // 如果是https接口,需要配置這個參數
        changeOrigin: true,  //是否跨域
        pathRewrite: { // 如果接口本身沒有api的路徑,那么這里將發送到后端的請求重寫為沒有api的路徑
          '^/api': '/' 
        }
      }
    }
...

重新npm run dev即可


免責聲明!

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



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