1. 程式人生 > >處理vue中使用Axios呼叫介面時出現的ie資料處理問題

處理vue中使用Axios呼叫介面時出現的ie資料處理問題

1.問題

近期在使用vue2 + axios 呼叫介面時碰到一個IE中很奇葩的問題,讓我頭痛了很久。

廢話不多扯,就是在其他瀏覽器中呼叫介面返回資料然後可以很順利的進行處理,但在IE(9-11)中發現傳送請求是成功的而且也能抓到服務端返回來的資料。卻發現在處理返回來的資料的時候處理的有點問題,怎麼搞就是不行。

2.處理過程及方法

我使用了console大法去解決這個問題,具體是這樣的:我先將伺服器返回過來的資料列印到瀏覽器控制檯,結果發現都能打印出來,這個時候就鬱悶了,明明有資料為何在IE上還是不行呢,於是我用typeOf 來檢視返回資料的型別發現axios在IE時處理的返回資料居然是string型別。這下解決方法就出來了。

var newData;

if (typeOf data === 'string') {

newData = JSON.parse(data)

} else {

  newData = data

}

然後對newData進行處理就能解決了。