Vue axios 跨域請(qǐng)求無(wú)法帶上cookie的解決
在main.js設(shè)置
// 攜帶cookie
axios.defaults.withCredentials = true
補(bǔ)充知識(shí)：VUE axios請(qǐng)求跨域時(shí)沒(méi)有帶上cookie或者每次cookie都改變
這兩天用VUE寫管理后端時(shí)，碰到一個(gè)奇葩問(wèn)題：
我本地使用dev配置開(kāi)發(fā)的時(shí)候 請(qǐng)求可以帶上cookie信息 打包出來(lái)部署在服務(wù)器上 請(qǐng)求就沒(méi)帶上cookie信息。
然后自己慢慢排查，聯(lián)合后端同事，排查這個(gè)cookie問(wèn)題，前端也配置了
axios.defaults.withCredentials = true;
后端也配置了跨域cookie，然后就是沒(méi)用，每次后臺(tái)獲取到的sessionID都是一個(gè)新的。
得，仔細(xì)對(duì)比了跨域相關(guān)的配置，發(fā)現(xiàn)這塊真的沒(méi)啥問(wèn)題，那就開(kāi)始檢查VUE工程的引入的工具了。
經(jīng)過(guò)挨個(gè)排查，終于發(fā)現(xiàn)了作妖的東西了：mock.js
由于配置的問(wèn)題，在打包部署的時(shí)候，將mock引入打包了，mock將每次的請(qǐng)求的cookie都重新刷新了，導(dǎo)致后臺(tái)每次獲取的SessionID都不一樣。
得，自己寫的代碼 怪誰(shuí)呢？
以上這篇Vue axios 跨域請(qǐng)求無(wú)法帶上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ì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-07-07
Vue 微信端掃描二維碼蘋果端卻只能保存圖片問(wèn)題(解決方法)
這幾天在做項(xiàng)目時(shí)遇到微信掃描二維碼的然后進(jìn)入公眾號(hào)網(wǎng)頁(yè)巴拉巴拉的，然后就很順利的遇到了在安卓端掃碼的時(shí)候，順利的一塌糊涂，然后到了蘋果端的時(shí)候，就只能出現(xiàn)一個(gè)保存圖片，然后就寫一下記錄一下這問(wèn)題的解決方法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)的使用及說(shuō)明
這篇文章主要介紹了Vue富文本插件(quill-editor)的使用及說(shuō)明，具有很好的參考價(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ì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-03-03
VUE引入DataV報(bào)錯(cuò)解決實(shí)戰(zhàn)記錄
在使用vue開(kāi)發(fā)大屏?xí)r,發(fā)現(xiàn)了一個(gè)很好用的可視化組件庫(kù)DataV,下面這篇文章主要給大家介紹了關(guān)于VUE引入DataV報(bào)錯(cuò)解決的實(shí)戰(zhàn)記錄,文中通過(guò)代碼介紹的非常詳細(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)用，本文通過(guò)實(shí)例代碼介紹的非常詳細(xì)，需要的朋友可以參考下2022-08-08
vue keep-alive的簡(jiǎn)單總結(jié)
這篇文章主要介紹了vue中的keep-alive的相關(guān)資料，幫助大家更好的理解和使用vue框架，感興趣的朋友可以了解下2021-01-01
這篇文章主要介紹了vue項(xiàng)目中禁用瀏覽器緩存配置案例,本篇文章通過(guò)簡(jiǎn)要的案例,講解了該項(xiàng)技術(shù)的了解與使用,以下就是詳細(xì)內(nèi)容,需要的朋友可以參考下2021-09-09