後端寫好,前端寫好,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...