Vue axios 跨域請求無法帶上cookie的解決

在main.js設置

// 攜帶cookie

axios.defaults.withCredentials = true

補充知識：VUE axios請求跨域時沒有帶上cookie或者每次cookie都改變

這兩天用VUE寫管理后端時，碰到一個奇葩問題：

我本地使用dev配置開發的時候 請求可以帶上cookie信息 打包出來部署在服務器上 請求就沒帶上cookie信息。

然后自己慢慢排查，聯合后端同事，排查這個cookie問題，前端也配置了

axios.defaults.withCredentials = true;

后端也配置了跨域cookie，然后就是沒用，每次后臺獲取到的sessionID都是一個新的。

得，仔細對比了跨域相關的配置，發現這塊真的沒啥問題，那就開始檢查VUE工程的引入的工具了。

經過挨個排查，終于發現了作妖的東西了：mock.js

由于配置的問題，在打包部署的時候，將mock引入打包了，mock將每次的請求的cookie都重新刷新了，導致后臺每次獲取的SessionID都不一樣。

得，自己寫的代碼 怪誰呢？

以上這篇Vue axios 跨域請求無法帶上cookie的解決就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持好吧啦網。