问题

在写好接口之后,前端调用出现跨域现象.虽然都是在本地搭建的,但是由于端口号不同出现跨域问题.同源策略是说协议名,域名,端口号都一致.

image.png

解决方法

1. 使用@CrossOrigin注解

将该注解放在类上或方法上都可以

image.png

效果

image.png

2. 使用WebMvcConfigure的addCorsMappings方法配置CorsInterceptor

创建配置类CorsConfig.java

package com.unik.config;

import org.springframework.context.annotation.Configuration;
import org.springframework.web.servlet.config.annotation.CorsRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;
@Configuration
public class CorsConfig implements WebMvcConfigurer {
    @Override
    public void addCorsMappings(CorsRegistry registry){
        //设置允许跨域的路径
        registry.addMapping("/**")
                //设置允许跨域的请求域名
            .allowedOriginPatterns("*")
                //是否允许cookie
            .allowCredentials(true)
                //设置允许请求方式
            .allowedMethods("GET","POST","PUT","DELETE")
                //设置允许的header属性
            .allowedHeaders("*")
                //跨域允许时间
            .maxAge(3600);
    }
}

重启服务器
效果

image.png