浅谈关于axios和session的一些事

2019-11-19,,,,

发现问题

最近在工作中遇到一个问题,后端写好,前端写好,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

《浅谈关于axios和session的一些事.doc》

下载本文的Word格式文档,以方便收藏与打印。