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)文章
VueJS 組件參數(shù)名命名與組件屬性轉(zhuǎn)化問題
這篇文章主要介紹了VueJS 組件參數(shù)名命名與組件屬性轉(zhuǎn)化問題，非常不錯(cuò)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2018-12-12
這篇文章主要為大家介紹了VUE Token的失效處理，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2021-11-11
element-ui el-select下拉框el-date-picker彈出框定位問題解決方案(推薦)
項(xiàng)目開發(fā)過程中發(fā)現(xiàn)el-select和el-date-picker彈出框顯示時(shí)候,滾動(dòng)屏幕,導(dǎo)致彈出框定位出現(xiàn)問題,這篇文章主要介紹了element-ui el-select下拉框el-date-picker彈出框定位問題解決方案(推薦),需要的朋友可以參考下2024-07-07
Vue動(dòng)態(tài)組件與異步組件超詳細(xì)講解
這篇文章主要介紹了Vue動(dòng)態(tài)組件與異步組件，動(dòng)態(tài)組件是根據(jù)數(shù)據(jù)的變化，可以隨時(shí)切換不同的組件，比如咱們現(xiàn)在要展示一個(gè)文本框和輸入框，我們想要根據(jù)我們data中定義的值去決定是顯示文本框還是輸入框2023-03-03
vue2和elementUI?實(shí)現(xiàn)落日余暉登錄頁和滑塊校驗(yàn)功能
這篇文章主要介紹了vue2和elementUI打造落日余暉登錄頁和滑塊校驗(yàn),本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，需要的朋友可以參考下2023-06-06
Vue項(xiàng)目中keepAlive的使用說明(超級(jí)實(shí)用版)
這篇文章主要介紹了Vue項(xiàng)目中keepAlive的使用說明，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-04-04
Vue讀取本地靜態(tài).md并側(cè)邊欄導(dǎo)航跳轉(zhuǎn)、展示.md文件的操作方法
這篇文章主要介紹了Vue讀取本地靜態(tài).md并側(cè)邊欄導(dǎo)航跳轉(zhuǎn)、展示.md文件,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2023-08-08
Vue POST請(qǐng)求頭'Content-Type':'application/j
這篇文章主要介紹了Vue POST請(qǐng)求頭'Content-Type':'application/json;',data上傳過程,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-03-03
vue組件傳遞對(duì)象中實(shí)現(xiàn)單向綁定的示例
下面小編就為大家分享一篇vue組件傳遞對(duì)象中實(shí)現(xiàn)單向綁定的示例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-02-02
vue數(shù)據(jù)監(jiān)聽解析Object.defineProperty與Proxy區(qū)別
這篇文章主要為大家介紹了vue數(shù)據(jù)監(jiān)聽解析Object.defineProperty Proxy源碼示例，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-03-03