淺談關(guān)于axios和session的一些事
發(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ì)腳本之家的支持。
- Vue axios 中提交表單數(shù)據(jù)(含上傳文件)
- Vue.js實(shí)戰(zhàn)之使用Vuex + axios發(fā)送請(qǐng)求詳解
- axios基本入門用法教程
- vue中axios處理http發(fā)送請(qǐng)求的示例（Post和get）
- VUE axios發(fā)送跨域請(qǐng)求需要注意的問(wèn)題
- Vue+axios 實(shí)現(xiàn)http攔截及路由攔截實(shí)例
- axios學(xué)習(xí)教程全攻略
- vue axios同步請(qǐng)求解決方案
- 簡(jiǎn)單談?wù)刟xios中的get,post方法
- vue使用Axios做ajax請(qǐng)求詳解
- 詳解Vue用axios發(fā)送post請(qǐng)求自動(dòng)set cookie
- 詳解Vue 2.0封裝axios筆記
- 詳解vue axios中文文檔
- vue axios用法教程詳解
- 關(guān)于使用axios的一些心得技巧分享
- Vue2 配置 Axios api 接口調(diào)用文件的方法
- vue項(xiàng)目中使用axios上傳圖片等文件操作
- Vue官方推薦AJAX組件axios.js使用方法詳解與API
相關(guān)文章
Mongoose中document與object的區(qū)別示例詳解
這篇文章主要給大家介紹了關(guān)于Mongoose中document與object區(qū)別的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友可以參考借鑒，下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧。2017-09-09
Node.js自動(dòng)生成API文檔的實(shí)現(xiàn)
本文主要介紹了Node.js自動(dòng)生成API文檔,包含基于swagger-jsdoc+swagger-ui-express快速實(shí)現(xiàn),具有一定的參考價(jià)值,感興趣的可以了解一下2024-03-03
Node.js與PHP、Python的字符處理性能對(duì)比
因?yàn)楹罄m(xù)考慮實(shí)現(xiàn) Fl 引擎的Node.js版本，所以對(duì)比了下Node.js和PHP的字符處理性能。發(fā)現(xiàn)Node.js真是甩了PHP幾條街啊，再測(cè)試了下Python，比PHP還慢。2014-07-07
Node.js內(nèi)置模塊也叫核心模塊，跟隨Node.js一起安裝。console模塊提供了一個(gè)簡(jiǎn)單的調(diào)試控制臺(tái)，類似于網(wǎng)絡(luò)瀏覽器提供的?JavaScript控制臺(tái)機(jī)制2023-01-01
Node.js 使用 Express-Jwt和JsonWebToken 進(jìn)行Token身份
這篇文章主要介紹了Node.js 使用 Express-Jwt和JsonWebToken 進(jìn)行Token身份驗(yàn)證的操作方法,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),感興趣的朋友跟隨小編一起看看吧2024-08-08
詳解Node使用Puppeteer完成一次復(fù)雜的爬蟲(chóng)
這篇文章主要介紹了詳解Node使用Puppeteer完成一次復(fù)雜的爬蟲(chóng),小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-04-04
node.js中的url.parse方法使用說(shuō)明
這篇文章主要介紹了node.js中的url.parse方法使用說(shuō)明,本文介紹了url.parse的方法說(shuō)明、語(yǔ)法、接收參數(shù)、使用實(shí)例和實(shí)現(xiàn)源碼,需要的朋友可以參考下2014-12-12
koa-router源碼學(xué)習(xí)小結(jié)
這篇文章主要介紹了koa-router源碼學(xué)習(xí)小結(jié)，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-09-09
node.js使用express框架進(jìn)行文件上傳詳解
在本篇內(nèi)容里小編給大家整理了關(guān)于node.js使用express框架進(jìn)行文件上傳的相關(guān)知識(shí)點(diǎn)內(nèi)容，有需要的朋友們跟著學(xué)習(xí)下。2019-03-03
這篇文章主要為大家介紹了nvm mac 環(huán)境搭建過(guò)程示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-02-02