springboot前后端跨域问题（附上解决方案)

桃扇骨 2021-07-26 20:07 623阅读 0赞

公司采取ruoyi-Vue 作为项目脚手架。  
前端请求后台验证码接口，出现CORS跨域问题。  
**解决方案：**  
配置Spring CorsFilter，配置成功后，发现可以解决。

不过在请求其他接口后(即登录成功后，携带Token)，仍旧出现跨域问题。

猜想: JWT的过滤器置于CrosFilter的靠前位置，导致还没有进行跨域处理，就已经开始解析token

**解决方案：** 调整 CrosFilter的位置，让其调整到JWTFilter前面

**附上代码**

**CrosConfig.java**

package com.ruoyi.framework.config;
    
    import org.springframework.context.annotation.Bean;
    import org.springframework.context.annotation.Configuration;
    import org.springframework.web.cors.CorsConfiguration;
    import org.springframework.web.cors.UrlBasedCorsConfigurationSource;
    import org.springframework.web.filter.CorsFilter;
    
    @Configuration
    public class CorsConfig {
    
        private CorsConfiguration buildConfig() {
            CorsConfiguration corsConfiguration = new CorsConfiguration();
            corsConfiguration.addAllowedOrigin("*"); // 1 设置访问源地址
            corsConfiguration.addAllowedHeader("*"); // 2 设置访问源请求头
            corsConfiguration.addAllowedMethod("*"); // 3 设置访问源请求方法
            return corsConfiguration;
        }
    
        @Bean
        public CorsFilter corsFilter() {
            UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();
            source.registerCorsConfiguration("/**", buildConfig()); // 4 对接口配置跨域设置
            return new CorsFilter(source);
        }
    }

**SecurityConfig.java**

@Override
        protected void configure(HttpSecurity httpSecurity) throws Exception
        {
            //中间代码省去...
    
            // 添加JWT filter 原有代码
            httpSecurity.addFilterBefore(authenticationTokenFilter, UsernamePasswordAuthenticationFilter.class);
            
            // 添加cors跨域 filter
            httpSecurity.addFilterBefore(corsFilter,JwtAuthenticationTokenFilter.class);
        }