springboot+vue前后端分离跨域问题配置

桃扇骨 2022-12-22 13:26 167阅读 0赞

只需要增加一个配置类即可

/**
     * 解决跨域问题
     * @author kangzhuang
     * @date 2020/11/20
     */
    @Component
    public class CorsFilter implements Filter {
    
        @Override
        public void init(FilterConfig filterConfig) throws ServletException {
        }
    
        @Override
        public void doFilter(ServletRequest servletRequest, ServletResponse servletResponse, FilterChain filterChain) throws IOException, ServletException {
            HttpServletResponse response = (HttpServletResponse) servletResponse;
            HttpServletRequest request = (HttpServletRequest)servletRequest;
    
            String origin = request.getHeader("Origin");
            response.setHeader("Access-Control-Allow-Origin", origin);
            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,Authorization");
            response.setHeader("Access-Control-Allow-Credentials", "true");
            String method = request.getMethod();
            if(method.equalsIgnoreCase("OPTIONS")){
                servletResponse.getOutputStream().write("Success".getBytes("utf-8"));
            }else{
                filterChain.doFilter(servletRequest, servletResponse);
            }
        }
    
        @Override
        public void destroy() {
    
        }
    
    }

发表评论取消回复

表情：

评论列表（有 0 条评论，167人围观）

还没有评论，来说两句吧...

相关阅读

相关 [跨域] 前后端分离项目，解决跨域问题

前言：现在开发网站，基本都是前后端分离进行开发，省了很多问题，但是前后端开发会遇到跨域问题，要如何解决这个问题呢，下面我们就来讲一讲。什么是前后端分离在我们开

墨蓝/ 2023年06月27日 05:48/ 0 赞/ 28 阅读

相关 springboot+vue前后端分离跨域问题配置

只需要增加一个配置类即可 / 解决跨域问题 @author kangzhuang @date 2020/11/20 /

桃扇骨/ 2022年12月22日 13:26/ 0 赞/ 168 阅读

相关 SpringBoot 前后端分离跨域请求问题

后端 // controller类前面加上注解，处理跨域请求 @CrossOrigin(allowCredentials = "true", allowe

朴灿烈づ我的快乐病毒、/ 2022年12月19日 06:10/ 0 赞/ 223 阅读

相关前后端分离的跨域问题

跨域问题原因在现在流行的前后端分离开发中，跨域问题突显了出来，跨域问题的根本原因：浏览器有同源策略限制，当前域名的js只能读取同域下的窗口属性，这是一个基础安全功能

骑猪看日落/ 2022年10月31日 00:40/ 0 赞/ 31 阅读

相关前后端分离部署ajax跨域问题

一、现象： 1、后端SpringBoot项目： ![70][] 运行部署： ![70 1][] 2、前端VUE项目： ![70 2][] 其中index.vue:

曾经终败给现在/ 2022年05月18日 09:04/ 0 赞/ 277 阅读

相关前后端分离,跨域请求

一.前言跨域，指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的，是浏览器施加的安全限制。同源策略:请求的url地址,必须与浏览器上的url地址处于同

谁借莪１个温暖的怀抱￠/ 2022年04月01日 03:56/ 0 赞/ 373 阅读

相关前后端分离跨域问题解决

跨域问题简述（引用网络上比较清晰的阐述表格） ![SouthEast][] 第一种解决方案jsonp(不推荐使用) 这种方案其实我是不赞同的，第一，在编码上jsonp

迷南。/ 2022年03月26日 12:00/ 0 赞/ 370 阅读

相关前后端分离--跨域

1、跨域问题springboot中需要解决添加 @CrossOrigin 注解 2、如果注解添加在启动类里面，可以访问，但是无法回应。需要添加在具体的类上，如controll

柔光的暖阳◎/ 2022年02月24日 14:58/ 0 赞/ 336 阅读

相关 Javaweb 项目前后端分离跨域问题

一、什么是跨域：从一个网站请求另一个网站，请求的地址中 ip，端口，协议三个任意一个有变化都属于跨域请求。二、跨域请求在Javaweb项目中会出

我会带着你远行/ 2022年01月26日 16:09/ 0 赞/ 446 阅读

相关前后端分离解决跨域问题

![640_tp_webp_wxfrom_5][] 如何解决跨域问题？一、JSONP方式最初用来解决跨域问题的方式，叫做JSONP，它的基本原理是：跨域的“资源嵌

冷不防/ 2021年12月13日 17:34/ 0 赞/ 401 阅读