详解springboot和vue前后端分离开发跨域登陆问题
前后端分离开发中，一般都会遇到请求跨域问题。而且一般也会遇到登陆失效问题。今天就以springboot和vue为例来看如何解决上述问题
增加过滤器
@WebFilter
@Component
publicclassCorsFilterimplementsFilter{
@Override
publicvoiddoFilter(ServletRequestreq,ServletResponseres,FilterChainchain)throwsIOException,ServletException{
HttpServletRequestrequest=(HttpServletRequest)req;
HttpServletResponseresponse=(HttpServletResponse)res;
response.setHeader("Access-Control-Allow-Origin",request.getHeader("Origin"));
response.setHeader("Access-Control-Allow-Credentials","true");
response.setHeader("Access-Control-Allow-Methods","POST,GET,OPTIONS,DELETE");
response.setHeader("Access-Control-Max-Age","3600");
response.setHeader("Access-Control-Allow-Headers","x-requested-with");
System.out.println("**************************跨域过滤器被使用**************************");
chain.doFilter(req,res);
}
}
注意Access-Control-Allow-Origin这个属性不要用*，因为用*的话是可以解决跨域问题，但是无法解决登陆失效的问题。
axios属性设置
在Vue中使用axios来发送请求，我们增加如下设置
axios.defaults.withCredentials=true;
如果没有配置为true，默认为false则向后台发送的请求当中不携带cookie信息，如此每一次sessionID自然会不同。因此获取不到登陆信息。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。
热门推荐
6 初八祝福语简短语
10 周末祝福语正能量简短
11 生日聚会祝福语简短的
12 锡婚祝福语简短霸气
13 超市中秋祝福语简短最新
14 学生节祝福语大全简短
15 合字的祝福语简短
16 给侄子祝福语简短精辟
17 结婚祝福语简短精辟好记
18 宝子生日祝福语简短