解決vue中使用Axios調(diào)用接口時出現(xiàn)的ie數(shù)據(jù)處理問題
更新時間：2018年08月13日 08:38:26 作者：EastRiseJi
今天小編就為大家分享一篇解決vue中使用Axios調(diào)用接口時出現(xiàn)的ie數(shù)據(jù)處理問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
1.問題
近期在使用vue2 + axios 調(diào)用接口時碰到一個IE中很奇葩的問題，讓我頭痛了很久。
廢話不多扯，就是在其他瀏覽器中調(diào)用接口返回數(shù)據(jù)然后可以很順利的進行處理，但在IE（9-11）中發(fā)現(xiàn)發(fā)送請求是成功的而且也能抓到服務端返回來的數(shù)據(jù)。卻發(fā)現(xiàn)在處理返回來的數(shù)據(jù)的時候處理的有點問題，怎么搞就是不行。
2.處理過程及方法
我使用了console大法去解決這個問題，具體是這樣的：我先將服務器返回過來的數(shù)據(jù)打印到瀏覽器控制臺，結果發(fā)現(xiàn)都能打印出來，這個時候就郁悶了，明明有數(shù)據(jù)為何在IE上還是不行呢，于是我用typeOf 來查看返回數(shù)據(jù)的類型發(fā)現(xiàn)axios在IE時處理的返回數(shù)據(jù)居然是string類型。這下解決方法就出來了。
var newData;
if (typeOf data === 'string') {
newData = JSON.parse(data)
} else {
newData = data
}
然后對newData進行處理就能解決了。
以上這篇解決vue中使用Axios調(diào)用接口時出現(xiàn)的ie數(shù)據(jù)處理問題就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
本篇文章主要介紹了詳解vue2路由vue-router配置（懶加載），實例分析了vue-router懶加載的技巧，非常具有實用價值，需要的朋友可以參考下2017-04-04
這篇文章主要為大家詳細介紹了vue路由嵌套的SPA實現(xiàn)步驟，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-11-11
vue內(nèi)置組件transition簡單原理圖文詳解(小結)
這篇文章主要介紹了vue內(nèi)置組件transition簡單原理圖文詳解(小結),小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-07-07
vue 導航菜單刷新狀態(tài)不消失,顯示對應的路由界面操作
這篇文章主要介紹了vue 導航菜單刷新狀態(tài)不消失,顯示對應的路由界面操作，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-08-08
VUE微信H5生成二維碼海報保存在本地相冊的實現(xiàn)
本文主要介紹了VUE微信H5生成二維碼海報保存在本地相冊的實現(xiàn)，文中通過示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-06-06
這篇文章主要介紹了Vue 指令實現(xiàn)按鈕級別權限管理功能，非常不錯，具有一定的參考借鑒價值,需要的朋友可以參考下2019-04-04
這篇文章主要介紹了淺談vue權限管理實現(xiàn)及流程，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-04-04
這篇文章主要介紹了Vue 動態(tài)添加路由及生成菜單的方法示例，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-06-06
這篇文章主要為大家詳細介紹了vue組件開發(fā)之slider組件的使用方法，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-08-08
vue3?v-bind="$attrs"繼承組件全部屬性的解決方案
這篇文章主要介紹了vue3?v-bind=“$attrs“?繼承組件全部屬性的解決方案,本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2023-06-06