工做中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: {}

裏面

而後，咱們在組件中請求數據時

就這樣，請求成功了。