1. 程式人生 > >Vue開發環境下呼叫介面跨域問題

Vue開發環境下呼叫介面跨域問題

需在工程目錄config/index.js內對proxyTable項進行如下配置:

proxyTable: {
      '/api': {
        target: 'http://xxxxxx.com',
        changeOrigin: true,
        pathRewrite: {
          '^/api': ''
        }
      }
    }
配置完成後再調介面時如:'http://xxxxxx.com/login'可以簡寫成'/api/login',本地會虛擬化一個伺服器幫你把這個請求代發給後臺,從而避免跨域問題。

參考文章:

https://vuejs-templates.github.io/webpack/proxy.html

http://aisin.me/javascript/vue-cli-proxy-table/

http://www.jianshu.com/p/95b2caf7e0da

http://blog.csdn.net/u012369271/article/details/72848102