springboot 解决CORS问题

好的，关于 springboot 解决 CORS 问题，我可以给你一些建议。你可以在 SpringBoot 应用程序中配置 WebMvcConfigurer Bean，然后使用 addCorsMappings() 方法添加允许跨域访问的规则。具体代码如下：

@Configuration
public class CorsConfig implements WebMvcConfigurer {
@Override
public void addCorsMappings(CorsRegistry registry) {
registry.addMapping("/**")
.allowedOrigins("*")
.allowedMethods("GET", "POST", "PUT", "DELETE", "OPTIONS")
.allowCredentials(true)
.allowedHeaders("*")
.maxAge(3600);
}
}

此外，你还可以使用 @CrossOrigin 注解来解决跨域问题。将此注解添加到控制器方法上，即可指定哪些源可以访问该方法，并可以更细致地指定允许的 HTTP 方法和头信息。

以上是我对 springboot 解决 CORS 问题的建议，希望对你有所帮助。

相关问题

springboot解决跨域问题

Spring Boot可以通过添加CORS（跨域资源共享）配置来解决跨域问题。以下是一些解决跨域问题的方法：

1. 添加CORS配置类

可以创建一个CORS配置类，使用@CrossOrigin注解来指定允许跨域的源和方法。例如：

@Configuration
public class CorsConfig {

@Bean
public WebMvcConfigurer corsConfigurer() {
return new WebMvcConfigurerAdapter() {
@Override
public void addCorsMappings(CorsRegistry registry) {
registry.addMapping("/**")
.allowedOrigins("*")
.allowedMethods("GET", "POST", "PUT", "DELETE", "OPTIONS")
.allowedHeaders("*")
.allowCredentials(true)
.maxAge(360);
}
};
}
}

2. 使用Spring Boot提供的注解

可以在Controller类或方法上使用@CrossOrigin注解来指定允许跨域的源和方法。例如：

@RestController
@RequestMapping("/api")
@CrossOrigin(origins = "*", methods = {RequestMethod.GET, RequestMethod.POST, RequestMethod.PUT, RequestMethod.DELETE, RequestMethod.OPTIONS})
public class ApiController {

@GetMapping("/users")
public List<User> getUsers() {
// ...
}

// ...
}

以上是两种常见的解决跨域问题的方法，可以根据实际情况选择适合自己的方式。

Vue应用请求SpringBoot API出现 CORS 跨域请求设置 Invalid CORS request错误

这个错误是因为浏览器的同源策略所导致的，同源策略要求请求的协议、域名、端口号必须全部匹配，否则就会出现跨域问题。

要解决这个问题，有两种方法：

1. 在 SpringBoot 中配置 CORS。在 SpringBoot 的配置文件中，可以添加如下配置：

   @Configuration
   public class CorsConfig {
       @Bean
       public WebMvcConfigurer corsConfigurer() {
           return new WebMvcConfigurer() {
               @Override
               public void addCorsMappings(CorsRegistry registry) {
                   registry.addMapping("/**")
                           .allowedOrigins("*")
                           .allowedMethods("*")
                           .allowedHeaders("*");
               }
           };
       }
   }

这段代码表示允许所有来源（`allowedOrigins("*")`）、所有方法（`allowedMethods("*")`）和所有请求头（`allowedHeaders("*")`）的跨域请求。

2. 在 Vue 应用中使用代理。在 Vue 应用的 `config/index.js` 文件中，可以添加如下配置：

   module.exports = {
     dev: {
       proxyTable: {
         '/api': {
           target: 'http://localhost:8080',
           changeOrigin: true,
           pathRewrite: {
             '^/api': '/api'
           }
         }
       }
     }
   }

这段代码表示将所有以 `/api` 开头的请求代理到 `http://localhost:8080`，并开启跨域请求支持（`changeOrigin: true`）。在 Vue 应用中，请求的 URL 可以写成 `/api/xxx` 的形式，这样就会被代理到目标服务器。