这篇文章主要为大家展示了“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的示例分析”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!