什么是跨域问题呢
首先什么是跨域问题呢?为什么会产生呢?
众所周知,Spring Boot项目默认是运行在8080端口的,而Vue项目默认也是运行在8080端口的,如果是前后端分离的项目,就必须要对某个项目的运行端口号进行修改,如果运行在8081端口的Vue项目去访问运行在8080端口的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("*");
}
}