axios和session的示例分析

这篇文章主要为大家展示了“axios和session的示例分析”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“axios和session的示例分析”这篇文章吧。

10多年的兴隆网站建设经验,针对设计、前端、开发、售后、文案、推广等六对一服务,响应快,48小时及时工作处理。全网营销推广的优势是能够根据用户设备显示端的尺寸不同,自动调整兴隆建站的显示方式,使网站能够适用不同显示终端,在浏览器中调整网站的宽度,无论在任何一种浏览器上浏览网站,都能展现优雅布局与设计,从而大程度地提升浏览体验。成都创新互联公司从事“兴隆网站设计”,“兴隆网站推广”以来,每个客户项目都认真落实执行。

发现问题

最近在工作中遇到一个问题,后端写好,前端写好,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可以顺利实现登陆功能了...

总结一下,关键基本就是下面两个图的代码...

axios和session的示例分析

axios和session的示例分析

以上是“axios和session的示例分析”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!


网站名称:axios和session的示例分析
分享地址:http://cdiso.cn/article/iiosej.html

其他资讯