淺談關(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，跨域也是一個原因，需要全局設(shè)置
所以我們需要這么設(shè)置
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)容對大家的學(xué)習(xí)或者工作能帶來一定的幫助，如果有疑問大家可以留言交流，謝謝大家對腳本之家的支持。
- 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學(xué)習(xí)教程全攻略
- vue axios同步請求解決方案
- 簡單談?wù)刟xios中的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)文章
中間件在 Node.js 中被廣泛使用，它泛指一種特定的設(shè)計模式、一系列的處理單元、過濾器和處理程序，以函數(shù)的形式存在，這篇文章主要介紹了淺談Node.js 中間件模式，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-06-06
這篇文章主要介紹了node.js下LDAP查詢實例分享的相關(guān)資料,需要的朋友可以參考下2015-09-09
nodejs基于express實現(xiàn)文件上傳的方法
這篇文章主要介紹了nodejs基于express實現(xiàn)文件上傳的方法,結(jié)合實例形式分析了nodejs基于express框架實現(xiàn)文件上傳功能的具體步驟與相關(guān)操作技巧,需要的朋友可以參考下2018-03-03
這篇文章主要介紹了node.js中的console.time方法使用說明,本文介紹了console.time的方法說明、語法、接收參數(shù)、使用實例和實現(xiàn)源碼,需要的朋友可以參考下2014-12-12
本文主要介紹了NodeJS實現(xiàn)客戶端js加密的思路與方法，具有一定的參考價值，下面跟著小編一起來看下吧2017-01-01
這篇文章主要為大家詳細介紹了nodejs multer實現(xiàn)文件上傳與下載的相關(guān)資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-05-05
如何利用Node.js與JSON搭建簡單的動態(tài)服務(wù)器
這篇文章主要給大家介紹了關(guān)于如何利用Node.js與JSON搭建簡單的動態(tài)服務(wù)器的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家學(xué)習(xí)或者使用Node.js具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2020-06-06
想必最近大家對新的JavaScript包管理工具yarn已經(jīng)有所耳聞，并已通過npm i -g yarn進行了安裝，現(xiàn)在想知道怎么樣使用嗎？如果你了解 npm，你已經(jīng)會很大一部分啦！下面是這篇文章從npm切換到y(tǒng)arn的一些筆記。有需要的朋友們可以參考借鑒。下面來一起看看吧。2016-10-10
詳解如何在nodejs項目中使用Vue的響應(yīng)式API
vue3的響應(yīng)式API大家應(yīng)該都特別熟悉,平時大家都是在vue-cli或者vite創(chuàng)建的vue項目里面使用的這些響應(yīng)式API,今天小編來和大家聊聊如何在node.js項目中使用vue的響應(yīng)式API吧2024-11-11
nodejs使用express創(chuàng)建一個簡單web應(yīng)用
這篇文章主要介紹了nodejs使用express創(chuàng)建一個簡單web應(yīng)用的相關(guān)資料,需要的朋友可以參考下2017-03-03