場景:後臺在response header中寫入cookie,當前端發送請求時,帶cookie請求,後臺根據cookie的有效期判斷當前登錄狀態是否超時。
1、前端未做配置之前,header信息,如下圖:
2、如何配置?
首先,需要再main.js文件中引入 import VueResource from 'vue-resource';Vue.use(VueResource);
其次,
Vue.http.options.xhr = { withCredentials: true };
Vue.http.options.emulateJSON = true;
Vue.http.options.crossOrigin = true;
Vue.http.interceptors.push(function(request, next) {//攔截器
// 跨域攜帶cookie
request.credentials = true;
next()
})
說明一下,如果不引入 vue-resource ,在這裏會報錯options undefined;
經過幾番詢問度娘,基本的跨域攜帶cookie前端配置,大多都是這種思路,但是,截止目前爲止在request header裏還是沒有找到cookie的身影;
但是當,更改跨域屬性的方式改成
axios.defaults.withCredentials = true;在 request header 中就有了cookie字段,推測是因爲使用的是vue2.0 版本,http 請求的寫法是,this.$axios.get/post… ,所以在添加withCredentials屬性時,要使用第二種方式。
3、
參考1:https://www.cnblogs.com/congxueda/p/7123034.html
參考2:https://blog.csdn.net/bobobocai/article/details/81557198
Vue 2.0允許跨域攜帶cookie 原
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章
Vue.js實現開發購物車功能的方法詳解
deniro_li
2019-02-24 12:43:05
iOS 捕獲全局異常,統一收集
柯木超
2019-02-23 00:29:10
iOS 高性能定時器解決方案
柯木超
2019-02-23 00:29:10
精準統計到每個二維碼帶來的App安裝激活量
蛋糕俠
2019-02-23 00:27:10
App社交分享的後續行爲可以這樣統計
蛋糕俠
2019-02-23 00:27:04
微信直接下載App解決方案(iOS/Android)
蛋糕俠
2019-02-23 00:27:04
CPS渠道統計難?你可能沒用過這個統計工具
蛋糕俠
2019-02-23 00:27:04
拒絕多渠道打包,一招解放Android工程師!
蛋糕俠
2019-02-23 00:27:04
iOS 9的 Universal Links 通用鏈接使用介紹
zhangdasen
2019-02-23 00:22:30
計算機原始語言——彙編
鑑皇師
2019-02-22 23:49:53
iOS應用代碼注入防護
鑑皇師
2019-02-22 23:49:48
iOS已發佈應用中對異常信息捕獲和處理
巫師gg
2019-02-22 23:46:42