详解springboot和vue前后端分离开发跨域登陆问题
作者:君莫笑 时间:2023-08-07 00:48:38
前后端分离开发中,一般都会遇到请求跨域问题。而且一般也会遇到登陆失效问题。今天就以springboot和vue为例来看如何解决上述问题
增加过滤器
@WebFilter
@Component
public class CorsFilter implements Filter {
@Override
public void doFilter(ServletRequest req, ServletResponse res, FilterChain chain) throws IOException, ServletException {
HttpServletRequest request = (HttpServletRequest) req;
HttpServletResponse response = (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自然会不同。因此获取不到登陆信息。
来源:https://segmentfault.com/a/1190000020359152
标签:springboot,vue,跨域
![](/images/zang.png)
![](/images/jiucuo.png)
猜你喜欢
SpringBoot2零基础到精通之映射与常用注解请求处理
2022-06-11 15:41:51
![](https://img.aspxhome.com/file/2023/1/62141_0s.jpg)
Java中TypeReference用法详情说明
2023-11-24 19:05:05
基于WPF实现步骤控件的示例代码
2021-09-12 15:16:16
![](https://img.aspxhome.com/file/2023/9/91389_0s.jpg)
Java运算符从见过到掌握下
2023-01-29 15:47:19
![](https://img.aspxhome.com/file/2023/5/102655_0s.png)
C#使用SharpZipLib压缩解压文件
2021-10-27 18:56:21
详解Spring的两种代理方式:JDK动态代理和CGLIB动态代理
2023-08-08 14:38:37
![](https://img.aspxhome.com/file/2023/8/118808_0s.jpg)
Android UI设计与开发之仿人人网V5.9.2最新版引导界面
2022-10-10 17:34:16
![](https://img.aspxhome.com/file/2023/7/137617_0s.jpg)
Java中基于Shiro,JWT实现微信小程序登录完整例子及实现过程
2023-07-05 15:01:42
![](https://img.aspxhome.com/file/2023/1/69071_0s.png)
SpringBoot 静态资源导入及首页设置问题
2023-11-26 22:45:07
![](https://img.aspxhome.com/file/2023/0/59930_0s.png)
Java Springboot整合支付宝接口的教程详解
2023-11-06 19:41:49
![](https://img.aspxhome.com/file/2023/9/58749_0s.png)
详解SpringBoot+SpringSecurity+jwt整合及初体验
2023-11-28 23:54:48
![](https://img.aspxhome.com/file/2023/3/60373_0s.png)
Java List集合排序实现方法解析
2023-01-06 05:40:14
Android CheckBox 的使用案例分析
2022-02-07 21:00:56
Android 显示GIF图片实例详解
2023-08-06 09:11:52
![](https://img.aspxhome.com/file/2023/8/86758_0s.jpg)
Android Studio 3.6 layout文件text模式切换问题
2022-10-06 11:28:32
![](https://img.aspxhome.com/file/2023/5/108255_0s.png)
Android实现的仿淘宝购物车demo示例
2023-09-04 08:59:19
![](https://img.aspxhome.com/file/2023/9/110689_0s.png)
C#开启线程的四种示例
2022-06-01 13:04:37
深入浅析Android坐标系统
2021-12-15 05:26:34
![](https://img.aspxhome.com/file/2023/8/106818_0s.png)
Java StringUtils字符串分割转数组的实现
2023-07-19 12:43:37
SpringBoot 如何使用Dataway配置数据查询接口
2021-06-05 17:05:07
![](https://img.aspxhome.com/file/2023/9/105929_0s.jpg)