淺談關(guān)于axios和session的一些事
發(fā)現(xiàn)問題
最近在工作中遇到一個問題,后端寫好,前端寫好,postman測試做好,一切都沒有問題,但是實際用axios來實現(xiàn)登陸功能的時候問題就來了....
什么情況?登陸根本用不了?。∶看味继崾疚覜]有登陸!
代碼沒問題啊,postman都測試過了
迷茫這去找谷歌百度幫助...
發(fā)現(xiàn)問題是...
一個登錄的場景,用axios發(fā)送post請求去登錄,能成功返回數(shù)據(jù),但是用作權(quán)限驗證的cookie就是沒有保存,經(jīng)查閱,axios 默認不發(fā)送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可以順利實現(xiàn)登陸功能了...
總結(jié)一下,關(guān)鍵基本就是下面兩個圖的代碼...
總結(jié)
以上就是這篇文章的全部內(nèi)容了,希望本文的內(nèi)容對大家的學習或者工作能帶來一定的幫助,如果有疑問大家可以留言交流,謝謝大家對腳本之家的支持。
- Vue axios 中提交表單數(shù)據(jù)(含上傳文件)
- Vue.js實戰(zhàn)之使用Vuex + axios發(fā)送請求詳解
- axios基本入門用法教程
- vue中axios處理http發(fā)送請求的示例(Post和get)
- VUE axios發(fā)送跨域請求需要注意的問題
- Vue+axios 實現(xiàn)http攔截及路由攔截實例
- axios學習教程全攻略
- vue axios同步請求解決方案
- 簡單談談axios中的get,post方法
- vue使用Axios做ajax請求詳解
- 詳解Vue用axios發(fā)送post請求自動set cookie
- 詳解Vue 2.0封裝axios筆記
- 詳解vue axios中文文檔
- vue axios用法教程詳解
- 關(guān)于使用axios的一些心得技巧分享
- Vue2 配置 Axios api 接口調(diào)用文件的方法
- vue項目中使用axios上傳圖片等文件操作
- Vue官方推薦AJAX組件axios.js使用方法詳解與API
相關(guān)文章
Mongoose中document與object的區(qū)別示例詳解
這篇文章主要給大家介紹了關(guān)于Mongoose中document與object區(qū)別的相關(guān)資料,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考借鑒,下面隨著小編來一起學習學習吧。2017-09-09Node.js 使用 Express-Jwt和JsonWebToken 進行Token身份
這篇文章主要介紹了Node.js 使用 Express-Jwt和JsonWebToken 進行Token身份驗證的操作方法,本文通過實例代碼給大家介紹的非常詳細,感興趣的朋友跟隨小編一起看看吧2024-08-08