解決vue中使用Axios調(diào)用接口時出現(xiàn)的ie數(shù)據(jù)處理問題
1.問題
近期在使用vue2 + axios 調(diào)用接口時碰到一個IE中很奇葩的問題,讓我頭痛了很久。
廢話不多扯,就是在其他瀏覽器中調(diào)用接口返回數(shù)據(jù)然后可以很順利的進(jìn)行處理,但在IE(9-11)中發(fā)現(xiàn)發(fā)送請求是成功的而且也能抓到服務(wù)端返回來的數(shù)據(jù)。卻發(fā)現(xiàn)在處理返回來的數(shù)據(jù)的時候處理的有點問題,怎么搞就是不行。
2.處理過程及方法
我使用了console大法去解決這個問題,具體是這樣的:我先將服務(wù)器返回過來的數(shù)據(jù)打印到瀏覽器控制臺,結(jié)果發(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進(jìn)行處理就能解決了。
以上這篇解決vue中使用Axios調(diào)用接口時出現(xiàn)的ie數(shù)據(jù)處理問題就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
Vuex中mutations與actions的區(qū)別詳解
下面小編就為大家分享一篇Vuex中mutations與actions的區(qū)別詳解,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-03-03詳解在Vue中如何使用axios跨域訪問數(shù)據(jù)
本篇文章主要介紹了在Vue中如何使用axios跨域訪問數(shù)據(jù),小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-07-07Vue子級如何向父級傳遞數(shù)據(jù)(自定義事件)
這篇文章主要介紹了Vue子級如何向父級傳遞數(shù)據(jù)(自定義事件),具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-08-08Vue+EleMentUI實現(xiàn)el-table-colum表格select下拉框可編輯功能實例
這篇文章主要給大家介紹了關(guān)于Vue+EleMentUI實現(xiàn)el-table-colum表格select下拉框可編輯功能的相關(guān)資料,element-UI表格的使用相信大家都不陌生,文中給出了詳細(xì)的代碼示例,需要的朋友可以參考下2023-07-07