axios 和 cookie 的那些事

2021-09-16 20:22:50 字數 1069 閱讀 7628

後端寫好,前端寫好,postman測試做好,一切都沒有問題,

但是

實際用axios來實現登陸功能的時候問題就來了....

什麼情況?登陸根本用不了啊!每次都提示我沒有登陸!

乙個登入的場景,用axios傳送post請求去登入,能成功返回資料,但是用作許可權驗證的cookie就是沒有儲存,經查閱,axios 預設不傳送cookie,跨域也是乙個原因,需要全域性設定
所以我們需要這麼設定

axios.defaults.withcredentials = true

感覺可以了,

但是

居然告訴我這麼做之後,居然告訴我access-control-allow-origin不能是*,好,我改

感覺可以了,

但是

還是不行,他還要求我access-control-allow-credentials不能是''

好吧...我確實沒寫...

那就加吧

res.header('access-control-allow-credentials', 'true');
感覺可以了,

但是,不對,

沒有但是了!

axios可以順利實現登陸功能了...

總結一下,關鍵基本就是下面兩個圖的**...

Axios的那些事

axios是乙個基於promise的http庫 類似於jquery的ajax,用於http請求 可以用於瀏覽器和node.js 可用於客戶端或node編寫的服務端 支援promise api 攔截請求和響應 請求前和響應前做一些操作,比如在請求前的請求頭中加一些授權資訊等 轉換請求資料和相應資料 比...

axios請求無法攜帶cookie

背景 最近在用vue重構公司公司angularjs 1.x專案,老專案身份認證採用的cookie,前端ajax庫採用是angularjs的 http resource服務,新版採用的是axios,但是發現前端http響應頭中少了set cookie屬性,同時在瀏覽器中查詢不到cookie資訊,服務端...

axios請求不攜帶Cookie的原因

axios請求預設是不攜帶cookie的,如果需要攜帶cookie前端需要配置 允許攜帶cookie請求 axios.defaults.withcredentials true 即 建立axios例項 const service axios.create 同時還要確保後端配置了 access con...