浅谈关于axios和session的一些事
发现问题
最近在工作中遇到一个问题,后端写好,前端写好,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 axios 中提交表单数据(含上传文件)
- Vue.js实战之使用Vuex + axios发送请求详解
- axios基本入门用法教程
- vue中axios处理http发送请求的示例(Post和get)
- VUE axios发送跨域请求需要注意的问题
- Vue+axios 实现http拦截及路由拦截实例
- axios学习教程全攻略
- vue axios同步请求解决方案
- 简单谈谈axios中的get,post方法
- vue使用Axios做ajax请求详解
- 详解Vue用axios发送post请求自动set cookie
- 详解Vue 2.0封装axios笔记
- 详解vue axios中文文档
- vue axios用法教程详解
- 关于使用axios的一些心得技巧分享
- Vue2 配置 Axios api 接口调用文件的方法
- vue项目中使用axios上传图片等文件操作
- Vue官方推荐AJAX组件axios.js使用方法详解与API
相关文章
基于NodeJS的前后端分离的思考与实践(六)Nginx + Node.js + Java 的软件栈部署实践
关于前后端分享的思考,我们已经有五篇文章阐述思路与设计。本文介绍淘宝网收藏夹将 Node.js 引入传统技术栈的具体实践。2014-09-09npm安装的全局包/工具不能使用,不是内部/外部命令的解决方法
这篇文章主要给大家介绍了关于npm安装的全局包/工具不能使用,不是内部/外部命令的解决方法,文中通过图文将解决的方法介绍的非常详细,需要的朋友可以参考下2023-03-03Nodejs Socket连接池及TCP HTTP网络模型详解
这篇文章主要为大家介绍了Nodejs Socket连接池及TCP HTTP网络模型,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2023-08-08Mongoose中document与object的区别示例详解
这篇文章主要给大家介绍了关于Mongoose中document与object区别的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考借鉴,下面随着小编来一起学习学习吧。2017-09-09
最新评论