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