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

公司采取ruoyi-Vue 作为项目脚手架。

**现象**

前端请求后台验证码接口，出现CORS跨域问题。

配置了CorsConfig（后面有代码),请求验证码，登录接口正常。但其他接口仍出现CORS问题。

**猜想**  
登录成功后，将会携带token，JWT的过滤器置于CorsFilter的靠前位置，导致还没有进行跨域处理，就已经开始解析token

**解决方案**

调整 CorsFilter的位置，让其调整到JWTFilter前面

**附上代码**

CorsConfig.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
```
// 注入 CrosFilter
@Autowired
private CorsFilter corsFilter.

// ... 中间代码省去
protected void configure(HttpSecurity httpSecurity) throws Exception
    {
// 前面代码省去
        // 添加JWT filter

httpSecurity.addFilterBefore(authenticationTokenFilter, UsernamePasswordAuthenticationFilter.class);

// 新增代码:        
httpSecurity.addFilterBefore(corsFilter,JwtAuthenticationTokenFilter.class);
    }

```

若依/RuoYi-Vue

内容风险标识

评论 (10)

若依/RuoYi-Vue .gitee-modal { width: 500px !important; }

内容风险标识