淺談關(guān)于axios和session的一些事

更新時(shí)間：2017年07月13日 09:13:10 作者：ssshooter

這篇文章主要給大家介紹了關(guān)于axios和session的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起看看詳細(xì)的介紹吧。

發(fā)現(xiàn)問(wèn)題

最近在工作中遇到一個(gè)問(wèn)題，后端寫好，前端寫好，postman測(cè)試做好，一切都沒(méi)有問(wèn)題，但是實(shí)際用axios來(lái)實(shí)現(xiàn)登陸功能的時(shí)候問(wèn)題就來(lái)了....

什么情況？登陸根本用不了?。∶看味继崾疚覜](méi)有登陸！

代碼沒(méi)問(wèn)題啊，postman都測(cè)試過(guò)了

迷茫這去找谷歌百度幫助...

發(fā)現(xiàn)問(wèn)題是...

一個(gè)登錄的場(chǎng)景，用axios發(fā)送post請(qǐng)求去登錄，能成功返回?cái)?shù)據(jù)，但是用作權(quán)限驗(yàn)證的cookie就是沒(méi)有保存,經(jīng)查閱，axios 默認(rèn)不發(fā)送cookie，跨域也是一個(gè)原因，需要全局設(shè)置

所以我們需要這么設(shè)置

axios.defaults.withCredentials = true

感覺(jué)可以了，但是居然告訴我這么做之后，居然告訴我Access-Control-Allow-Origin不能是*,好，我改
res.header('Access-Control-Allow-Origin', 'http://localhost:8080');

感覺(jué)可以了，但是還是不行，他還要求我Access-Control-Allow-Credentials不能是''好吧...我確實(shí)沒(méi)寫...

那就加吧

res.header('Access-Control-Allow-Credentials', 'true');

感覺(jué)可以了，但是，不對(duì)，沒(méi)有但是了！axios可以順利實(shí)現(xiàn)登陸功能了...

總結(jié)一下，關(guān)鍵基本就是下面兩個(gè)圖的代碼...

總結(jié)

以上就是這篇文章的全部?jī)?nèi)容了，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來(lái)一定的幫助，如果有疑問(wèn)大家可以留言交流，謝謝大家對(duì)腳本之家的支持。

您可能感興趣的文章:

相關(guān)文章

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