自從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方面下手,我能夠截取{}裏面的內容啊,那樣在進行轉換就能夠了,說半就辦,代碼以下:跨域
完美獲得數據:函數
記得,配置完成以後必定要進行重啓項目,配置完成以後必定要進行重啓項目,配置完成以後必定要進行重啓項目;重要的事情說三遍!!!!