淺談關於axios和session的一些事 | vue axios session
發現問題最近在工作中遇到一個問題,後端寫好,前端寫好,postman測試做好,一切都沒有問題,但是實際用axios來實現登陸功能的時候問題就來了….什麼情況?登陸根本用不了啊!每次都提示我沒有登陸!程式碼沒問題啊,postman都測試過了迷茫這去找谷歌百度幫助…發現問題是…一個登入的場景,用axios傳送post請求去登入,能成功返回資料,但是用作許可權驗證的cookie就是沒有儲存,經查閱,axios預設不傳送cookie,跨域也是一個原因,需要全域性設定所以我們需要這麼設定axios.defaults.withCredentials=true感覺可以了,但是居然告訴我這...
發現問題
最近在工作中遇到一個問題,後端寫好,前端寫好,postman測試做好,一切都沒有問題,但是實際用axios來實現登陸功能的時候問題就來了….
什麼情況?登陸根本用不了啊!每次都提示我沒有登陸!
程式碼沒問題啊,postman都測試過了
迷茫這去找谷歌百度幫助…
發現問題是…
一個登入的場景,用axios傳送post請求去登入,能成功返回資料,但是用作許可權驗證的cookie就是沒有儲存,經查閱,axios 預設不傳送cookie,跨域也是一個原因,需要全域性設定
所以我們需要這麼設定
axios.defaults.withCredentials = true感覺可以了,但是居然告訴我這麼做之後,居然告訴我Access-Control-Allow-Origin不能是*,好,我改res.header(Access-Control-Allow-Origin, http://localhost:8080);
感覺可以了,但是還是不行,他還要求我Access-Control-Allow-Credentials不能是好吧…我確實沒寫…
那就加吧
res.header(Access-Control-Allow-Credentials, true);感覺可以了,但是,不對,沒有但是了!axios可以順利實現登陸功能了…
總結一下,關鍵基本就是下面兩個圖的程式碼…
總結
以上就是這篇文章的全部內容了,希望本文的內容對大家的學習或者工作能帶來一定的幫助,如果有疑問大家可以留言交流,謝謝大家對指令碼之家的支援。
您可能感興趣的文章:Vue.js實戰之使用Vuex axios傳送請求詳解axios基本入門用法教程axios學習教程全攻略[1][2][3]
References Vue.js實戰之使用Vuex axios傳送請求詳解 (codertw.com) axios基本入門用法教程 (codertw.com) axios學習教程全攻略 (codertw.com)