vue解决服务器Session不一致问题(跨域问题)

本文介绍了在Vue项目中遇到的服务器Session不一致,即跨域问题。通过允许使用Cookie保持Session一致性,或者利用Vue Proxy进行代理来解决这个问题。在Vue的main.js中配置axios,后端如SpringMVC允许Cookie,或者在vue.config.js中设置代理配置。
摘要由CSDN通过智能技术生成

       最近在做项目时,发现vue前端的登录接口使用axios连接服务器实现登录功能时,每次请求后端服务器所保存的Session对象id都不相同,也就是说前端请求服务器所得到的Seesion对象无法保存下来。
       上网查询后发现是跨域问题,也就是说请求的发出点的URL与所请求的URL不同源。(所谓同源(即指在同一个域)就是两个页面具有相同的协议(protocol),主机(host)和端口号(port))。
       那么如何解决跨域问题呢,目前网络上主要有两种解决方案:

1.允许使用cookie,携带session信息,保持session的一致性。

在vue项目中的main.js中添加(前提是已引用axios):

axios.defaults.withcredentials = true;  //允许使用cookie

在后端代码中同样允许使用cookie(以SpringMVC为例)

//作为Controller类的注解
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值