Vue axios 跨域請(qǐng)求無法帶上cookie的解決
在main.js設(shè)置
// 攜帶cookie
axios.defaults.withCredentials = true
補(bǔ)充知識(shí)：VUE axios請(qǐng)求跨域時(shí)沒有帶上cookie或者每次cookie都改變
這兩天用VUE寫管理后端時(shí)，碰到一個(gè)奇葩問題：
我本地使用dev配置開發(fā)的時(shí)候 請(qǐng)求可以帶上cookie信息 打包出來部署在服務(wù)器上 請(qǐng)求就沒帶上cookie信息。
然后自己慢慢排查，聯(lián)合后端同事，排查這個(gè)cookie問題，前端也配置了
axios.defaults.withCredentials = true;
后端也配置了跨域cookie，然后就是沒用，每次后臺(tái)獲取到的sessionID都是一個(gè)新的。
得，仔細(xì)對(duì)比了跨域相關(guān)的配置，發(fā)現(xiàn)這塊真的沒啥問題，那就開始檢查VUE工程的引入的工具了。
經(jīng)過挨個(gè)排查，終于發(fā)現(xiàn)了作妖的東西了：mock.js
由于配置的問題，在打包部署的時(shí)候，將mock引入打包了，mock將每次的請(qǐng)求的cookie都重新刷新了，導(dǎo)致后臺(tái)每次獲取的SessionID都不一樣。
得，自己寫的代碼 怪誰呢？
以上這篇Vue axios 跨域請(qǐng)求無法帶上cookie的解決就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了vue+element表格導(dǎo)出為Excel文件，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-09-09
基于Echarts圖表在div動(dòng)態(tài)切換時(shí)不顯示的解決方式
這篇文章主要介紹了基于Echarts圖表在div動(dòng)態(tài)切換時(shí)不顯示的解決方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2020-07-07
Vue 微信端掃描二維碼蘋果端卻只能保存圖片問題(解決方法)
這幾天在做項(xiàng)目時(shí)遇到微信掃描二維碼的然后進(jìn)入公眾號(hào)網(wǎng)頁(yè)巴拉巴拉的，然后就很順利的遇到了在安卓端掃碼的時(shí)候，順利的一塌糊涂，然后到了蘋果端的時(shí)候，就只能出現(xiàn)一個(gè)保存圖片，然后就寫一下記錄一下這問題的解決方法2020-01-01
vue使用keep-alive實(shí)現(xiàn)數(shù)據(jù)緩存不刷新
這篇文章主要介紹了vue使用keep-alive實(shí)現(xiàn)數(shù)據(jù)緩存不刷新，這里整理了詳細(xì)的代碼，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-10-10
這篇文章主要介紹了Vue富文本插件(quill-editor)的使用及說明，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。2023-02-02
vue中手機(jī)號(hào),郵箱正則驗(yàn)證以及60s發(fā)送驗(yàn)證碼的實(shí)例
下面小編就為大家分享一篇vue中手機(jī)號(hào),郵箱正則驗(yàn)證以及60s發(fā)送驗(yàn)證碼的實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-03-03
VUE引入DataV報(bào)錯(cuò)解決實(shí)戰(zhàn)記錄
在使用vue開發(fā)大屏?xí)r,發(fā)現(xiàn)了一個(gè)很好用的可視化組件庫(kù)DataV,下面這篇文章主要給大家介紹了關(guān)于VUE引入DataV報(bào)錯(cuò)解決的實(shí)戰(zhàn)記錄,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-04-04
Vue 關(guān)閉當(dāng)前頁(yè)、關(guān)閉當(dāng)前標(biāo)簽tagsView的實(shí)現(xiàn)方法
這篇文章主要介紹了Vue 關(guān)閉當(dāng)前頁(yè)、關(guān)閉當(dāng)前標(biāo)簽tagsView,主要有兩種方式，一種是在vue頁(yè)面直接實(shí)現(xiàn)，另一種在js文件中寫自定義函數(shù)，在vue頁(yè)面中調(diào)用，本文通過實(shí)例代碼介紹的非常詳細(xì)，需要的朋友可以參考下2022-08-08
vue keep-alive的簡(jiǎn)單總結(jié)
這篇文章主要介紹了vue中的keep-alive的相關(guān)資料，幫助大家更好的理解和使用vue框架，感興趣的朋友可以了解下2021-01-01
這篇文章主要介紹了vue項(xiàng)目中禁用瀏覽器緩存配置案例,本篇文章通過簡(jiǎn)要的案例,講解了該項(xiàng)技術(shù)的了解與使用,以下就是詳細(xì)內(nèi)容,需要的朋友可以參考下2021-09-09