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


自從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方面下手,我可以截取{}里面的內容啊,那樣在進行轉換就可以了,說半就辦,代碼如下:

完美得到數據:

 

 

記得,配置完成之后一定要進行重啟項目,配置完成之后一定要進行重啟項目,配置完成之后一定要進行重啟項目;重要的事情說三遍!!!!


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM