什么是跨域问题呢

首先什么是跨域问题呢?为什么会产生呢?

众所周知,Spring Boot项目默认是运行在8080端口的,而Vue项目默认也是运行在8080端口的,如果是前后端分离的项目,就必须要对某个项目的运行端口号进行修改,如果运行在8081端口的Vue项目去访问运行在8080端口的Spring Boot项目的时候就会报错,如下

spring boot支持跨域 spring boot跨域问题_spring boot


在这里介绍两种常用的,简单的解决方案,除此之外还有接口编程的方法、过滤器实现的方法,有兴趣的可以了解一下哈

方案一:注解驱动

Spring 4.2后提供了@CrossOrigin注解,该注解可以标注于方法或者类上,包含了以下属性:

属性

含义

value

指定所支持域的集合,表示所有域都支持,默认值为。这些值对应HTTP请求头中的Access-Control-Allow-Origin

origins

同value

allowedHeaders

允许请求头中的header,默认都支持

exposedHeaders

响应头中允许访问的header,默认为空

methods

支持请求的方法,比如GET,POST,PUT等,默认和Controller中的方法上标注的一致。

allowCredentials

是否允许cookie随请求发送,使用时必须指定具体的域

maxAge

预请求的结果的有效期,默认30分钟

我们来改造一下方法:

@RequestMapping("hello")
@ResponseBody
@CrossOrigin(value = "*")//其实这里啥也不写就OK了
public String hello() {
    return "hello";
}

表示允许所有域都支持

方案二:写一个配置类

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