Vue axios 跨域請求無法帶上cookie的解決
在main.js設(shè)置
// 攜帶cookie
axios.defaults.withCredentials = true
補充知識:VUE axios請求跨域時沒有帶上cookie或者每次cookie都改變
這兩天用VUE寫管理后端時,碰到一個奇葩問題:
我本地使用dev配置開發(fā)的時候 請求可以帶上cookie信息 打包出來部署在服務(wù)器上 請求就沒帶上cookie信息。
然后自己慢慢排查,聯(lián)合后端同事,排查這個cookie問題,前端也配置了
axios.defaults.withCredentials = true;
后端也配置了跨域cookie,然后就是沒用,每次后臺獲取到的sessionID都是一個新的。
得,仔細對比了跨域相關(guān)的配置,發(fā)現(xiàn)這塊真的沒啥問題,那就開始檢查VUE工程的引入的工具了。
經(jīng)過挨個排查,終于發(fā)現(xiàn)了作妖的東西了:mock.js
由于配置的問題,在打包部署的時候,將mock引入打包了,mock將每次的請求的cookie都重新刷新了,導(dǎo)致后臺每次獲取的SessionID都不一樣。
得,自己寫的代碼 怪誰呢?
以上這篇Vue axios 跨域請求無法帶上cookie的解決就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持好吧啦網(wǎng)。
相關(guān)文章:
1. 解決Android Studio 格式化 Format代碼快捷鍵問題2. php解決注冊并發(fā)問題并提高QPS3. 完美解決vue 中多個echarts圖表自適應(yīng)的問題4. 在Chrome DevTools中調(diào)試JavaScript的實現(xiàn)5. Springboot 全局日期格式化處理的實現(xiàn)6. SpringBoot+TestNG單元測試的實現(xiàn)7. Java使用Tesseract-Ocr識別數(shù)字8. vue實現(xiàn)web在線聊天功能9. JS原生2048小游戲源碼分享(全網(wǎng)最新)10. Python使用urlretrieve實現(xiàn)直接遠程下載圖片的示例代碼
