處理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進行處理就能解決了。
相關推薦
處理vue中使用Axios呼叫介面時出現的ie資料處理問題
1.問題 近期在使用vue2 + axios 呼叫介面時碰到一個IE中很奇葩的問題,讓我頭痛了很久。 廢話不多扯,就是在其他瀏覽器中呼叫介面返回資料然後可以很順利的進行處理,但在IE(9-11)中發現
Vue中偵聽器watch時,呼叫this時出現undefined問題
watch偵聽器中,我們要將新的值賦給this.a出錯 watch: { value: (newV, oldV) => { this.a = newV; } } 這裡報錯undefined,這裡錯誤的原因是不能寫成箭頭函式。寫成箭頭函式後,this會取上下文,而不是
vue中Axios的封裝和API介面的管理
如圖,面對一團糟程式碼的你~~~真的想說,What F~U~C~K!!! 迴歸正題,我們所要的說的axios的封裝和api介面的統一管理,其實主要目的就是在幫助我們簡化程式碼和利於後期的更新維護。 一、axios的封裝 在vue專案中,和後臺互動獲
vue中v-for迴圈時只處理事件觸發項的內容(僅一項)
關於怎樣處理vue中v-for迴圈時對迴圈內容中單獨的一項的事件處理有如下方案:(1)獲取v-for迴圈內容中的下標值(val為navContent中的內容,index為下標) <p v-for="(val,index) in navContent" cl
呼叫WCF介面時出現“格式化程式嘗試對訊息反序列化時引發異常....”
呼叫WCF介面異常資訊如下: 格式化程式嘗試對訊息反序列化時引發異常: 嘗試對引數 http://tempuri.org/ 進行反序列化時出錯: request。InnerException 訊息是“反序列化物件 屬於型別 TenantPlatform.WCF.DataC
ScrollView中巢狀RecyclerView時出現焦點問題,預設的介面不是頂部
在做首頁時使用ScroolView,首頁上面有圖片還有一些模組的快速入口,下面是列表的展示,列表使用RecyclerView來展示通知資訊頁面。但是遇到一個問題,每次進入首頁頁面時,整個頁面起始位置並不是頂部。在網上搜到好多類似的問題,比如ScrollView和ListVie
自己模擬資料介面,vue中axios獲取資料
我先說我的操作步驟:(前提是要有node.js沒有的npm吧) 第一步:新建一個資料夾,命名隨便;然後在檔案裡開啟命令列輸入以下命令 npm init -y npm i express 資料夾就會多一個node_moudules檔案和兩個json檔案 接下
C#中StreamReader讀取中文時出現亂碼問題總結
utf8編碼 新的 conf window linu img utf8 enc ref 之前有一篇文章“ C#讀取及寫入配置文件教程”(http://blog.csdn.net/lisenyang/article/details/47291083)當中有一個問題就是在讀
Vue中axios的使用技巧配置項詳解
www 模塊 模擬 傳遞 all 字符串 給定 ans 必須 使用axios首先要下載axios模塊包 npm install axios --save 其次需要在使用的文件中引入 import axios from ‘axios‘ 一、調用axio
GoDaddy用支付寶付款時出現我們無法處理這筆交易,請查看您的付款信息並重試。
style 提示 com 信息 系統 國家 域名 ffffff AC 一、GoDaddy操作流程 在GoDaddy上購買及註冊域名的操作步驟,請參考https://www.jianshu.com/p/05289a4bc8b2進行操作。 二、我遇到的問題 今天用GoDaddy
解決requirejs呼叫angualarjs時出現的閃爍現象
由於requirejs和DOM的非同步載入機制,導致ng-cloak的css類無法立即反應在頁面的載入過程中,導致出現了AngularJS 程式碼的閃爍現象。 解決方法就是在html裡面手動加入以下css程式碼。 <style type="text/css"> [
yii2 中gii/debug訪問時出現403禁止訪問
主要是因為訪問的地址限制,預設只能本地測試訪問。本來這些除錯資訊也不應該在正式環境中展示。 但是需要使用,也可以特別申明訪問地址允許使用。 地址是指訪問的客戶端地址,不是伺服器地址!!! tips:我使用的是yii2 advanced版本,在config/main-l
Vue中axios 表單POST提交
剛開始使用Vue,裡面的坑是一個接一個,今天就遇到一個axios POST傳參的問題。 因為後端要求是按表單提交的形式給他資料, 我需要在請求中傳遞引數,然後按官方文件的格式開始操作,程式碼如下: axios.post('/user', { &nbs
vue中axios攔截器的使用
1.攔截器分為request請求攔截器和response響應攔截器 PS:request請求攔截器:傳送請求前統一處理,如:設定請求頭headers、應用的版本號、終端型別等。 response響應攔截器:有時候我們要根據響應的狀態碼來進行下一步操作,例如:由於當前的token過期,
vue中axios的統一封裝及調用
return efault timeout 實例 remote class this func 0ms 一、axios.js 1、安裝axios npm install axios --save 2、環境地址(config.js) export default {
Eclipse中Android專案執行時出現Unable to execute dex: java.nio.BufferOverflowException. Check the Eclipse l
本文轉載自網際網路,如有侵權,請聯絡我及時刪除。謝謝。 系統環境:Win7-64位 開發環境:eclipse-64位 右鍵工程 -> Build Path -> Configure Build Path -> 點選Libraries
1、cmd中輸入 java -version 時出現錯誤,如下:
1、cmd中輸入 java -version 時出現錯誤,如下: Error: could not find java.dll Eclipse:Error:could not find java SE Runtime Environment  
採用Anaconda平臺呼叫pymc3時出現錯誤的解決方法
提示:(1)module 'theano' has no attribute 'gof',c++編輯出現錯誤 (2)stdio.h file not found 解決方法:(1)在終端中輸入 xcode-select --install,按提示安裝完成後,重啟終端即可
vue中axios的使用與封裝
vue中axios的使用與封裝 分享下我自己的axios封裝,多多點贊收藏~axios是個很好用的外掛,都是一些params物件,所以很方便做一些統一處理 當然首先是npm安裝axios 很簡單$ npm install axios --save在src下新建資料夾 service / index.js接
vue中method呼叫另一個method獲取不到引數的問題
this.$options.methods.fun2(); fun2()獲取不到引數,為underfind,改為如下即可。 this.fun2() 以下為完整程式碼: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0