工作中vue項目前后端分離，調用后端本地接口出現跨域問題的完美解決

在我們實際開發中，選擇不錯的前端框架可以為我們省掉很多時間，當然，有時我們也會遇到很多坑。

最近在做vue項目時就遇到了跨域問題，一般來說，出現跨域我們第一反應使用jsonp，但是這個只支持get請求。在這就是讓后端加上響應頭，允許我們跨域請求。

但是在做vue項目時，雖然后端給我加了請求頭，依然出現了跨域，於是乎我就開始找各路大神的博客，終於給解決了。

 

如果誰用vue-cli腳手架搭建的項目，出現跨域后，我的解決辦法是利用反向代理將我們的請求源給代理一下，

具體代碼

在config文件夾中的index.js里將

'/api': {  //使用"/api"來代替"http://f.apiplus.c" 
          //target: 'http://192.168.0.102:8080', //源地址 
          target: 'http://47.99.54.35:8081', //源地址 
          changeOrigin: true, //改變源 
          pathRewrite: { 
            '^/api': '' //路徑重寫 
            } 
        } 

放到

proxyTable: {}

里面

然后，我們在組件中請求數據時

就這樣，請求成功了。