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

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

可是,我看完之後有一個疑問,跨域請求呢?where(黑人問號臉),在vue-resouce裏面還有http.jsonp進行jsonp的跨域,可是axios,通過詢問,是須要開代理才能夠。vue

首先,咱們須要在webpack的config的index裏面進行代理設置:webpack

添加以下代碼:ios

‘/api’指代的是,若是咱們想要跨域,可使用/api來代替'http://r.pengyou.com/fcg-bin/cgi_get_portrait.fcg'這個接口,剩下的選項什麼意思看註釋web

 

那麼,咱們怎麼來使用呢,看圖:json

此時咱們已經能夠進行跨域請求了,若是仍是沒法進行跨域,那就須要後臺小哥哥的配合了,讓他在後臺中開啓跨域,我以前博客裏面寫事後臺跨域的方法:http://www.cnblogs.com/mmykdbc/p/8024105.htmlaxios

好,看一下效果:api

是一個字符串,那麼咱們用日常的JSON.parse來轉換是行不通的,由於這是一個回調函數,那麼咱們如何進行轉換呢,網上查了許多方法,原生js或者jq都沒有對回調函數作處理,因此我只能在str方面下手,我能夠截取{}裏面的內容啊,那樣在進行轉換就能夠了,說半就辦,代碼以下:跨域

完美獲得數據:函數

 

 

記得,配置完成以後必定要進行重啓項目,配置完成以後必定要進行重啓項目,配置完成以後必定要進行重啓項目;重要的事情說三遍!!!!

相關文章
相關標籤/搜索