ruoyi-vue如何解决跨域问题的

### RuoYi-Vue 跨域配置方法 为了使前端能够正常访问后端API，在开发过程中常常会遇到跨源资源共享(CORS)的问题。对于RuoYi-Vue项目而言，解决跨域的方式主要集中在服务器端的设置上。 在`ruoyi-admin`模块下的Spring Boot应用中，可以通过全局CORS配置来允许来自特定域名或所有域名的请求[^2]： #### 方法一：通过配置类实现CORS支持 创建一个新的Java配置类用于定义全局CORS策略: ```java 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 { @Bean public CorsFilter corsFilter() { UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource(); CorsConfiguration config = new CorsConfiguration(); // 设置允许哪些来源可以访问资源, * 表示全部都可以 config.addAllowedOrigin("*"); // 是否发送Cookie信息 config.setAllowCredentials(true); // 允许所有的HTTP方法 config.addAllowedMethod("*"); // 允许所有的头部信息 config.addAllowedHeader("*"); source.registerCorsConfiguration("/**", config); return new CorsFilter(source); } } ``` 此段代码实现了对所有路径(`/**`)开放跨域请求的支持，并且允许携带凭证(cookie)，这对于登录态保持非常重要。 #### 方法二：修改application.yml/yml中的server.servlet.context-path属性 另一种更简单的方式来开启CORS是在项目的`application.yml`文件里添加如下配置项: ```yaml spring: mvc: pathmatch: matching-strategy: ant_path_matcher servlet: multipart: max-file-size: 10MB max-request-size: 10MB web: resources: static-locations: "classpath:/static/" server: port: 8080 servlet: context-path: / management: endpoints: web: exposure: include: "*" security: cors: true # 开启cors支持 ``` 这里特别注意的是最后一行设置了`security.cors=true`，这将会自动启用默认的安全框架下提供的CORS防护机制[^4]。 以上两种方式均可有效解决前后端分离架构中存在的跨域难题，具体采用哪种取决于实际需求和个人偏好。