解决SpringBoot + vue pro前后端分离跨域问题

一、创建好springBoot项目

我这里使用了mybatis 生成了。

二、创建一个配置类

//Configuration 项目启动自动加载 跨域
@Configuration
//@EnableWebMvc
public class WebConfig implements WebMvcConfigurer {
    @Override
    public void addCorsMappings(CorsRegistry registry) {
        System.out.println("项目启动自动加载 跨域");
        registry.addMapping("/**")
//                .allowedOrigins("*") springboot 2.0 低版本
                .allowedOriginPatterns("*")
                .allowedMethods("GET", "HEAD", "POST", "PUT", "DELETE", "OPTIONS")
                .allowCredentials(true)
                .maxAge(3600);
    }
}

三、vue.config.js可以不用配置了（我是这个样子的）

四、vue开发环境中填写自己的后端地址和的端口号

NODE_ENV=development
VUE_APP_PREVIEW=false

#删除  VUE_APP_API_BASE_URL=/api  解决跨域问题
VUE_APP_API_BASE_URL=http://127.0.0.1:8888/

五、以上均是个人使用出现并解决的问题，仅供参考。