axios如何進行跨域以及對返回格式為回呼函數字串的處理

標籤：bubuko   com   blog   添加   後台   問號   請求   無法   log   

自從vue2.0開始不對vue-resouce進行維護了，轉而用axios進行代替，axios的官方文檔寫的很詳細，附上連結一枚：http://www.jianshu.com/p/df464b26ae58

但是，我看完以後有一個疑問，跨域請求呢？where(黑人問號臉),在vue-resouce裡面還有http.jsonp進行jsonp的跨域，但是axios，經過詢問，是需要開代理才可以。

首先，我們需要在webpack的config的index裡面進行代理設定：

添加如下代碼：

‘/api’指代的是，如果我們想要跨域，可以使用/api來代替‘http://r.pengyou.com/fcg-bin/cgi_get_portrait.fcg‘這個介面，剩下的選項什麼意思看注釋

 

那麼，我們怎麼來使用呢，看圖:

此時我們已經可以進行跨域請求了，如果還是無法進行跨域，那就需要後台小哥哥的配合了，讓他在後台中開啟跨域，我之前部落格裡面寫過後台跨域的方法：http://www.cnblogs.com/mmykdbc/p/8024105.html

好，看一下效果：

是一個字串，那麼我們用平常的JSON.parse來轉換是行不通的，因為這是一個回呼函數，那麼我們如何進行轉換呢，網上查了許多方法，原生js或者jq都沒有對回呼函數做處理，所以我只能在str方面下手，我可以截取{}裡面的內容啊，那樣在進行轉換就可以了，說半就辦，代碼如下：

完美得到資料：

 

 

記得，配置完成之後一定要進行重啟項目，配置完成之後一定要進行重啟項目，配置完成之後一定要進行重啟項目；重要的事情說三遍！！！！

axios如何進行跨域以及對返回格式為回呼函數字串的處理