我学习了这个博主的springboot+vue项目,出现“”跨域“”问题,两天都没解决

我学习这个博主的项目,第三章和第四章,
问题就出现在第三章操作过程中没有出现跨域问题,
从第四章连接数据库,添加jar包,完成代码编辑之后就出现跨域问题,我查了两天的百度都没有解决。
下面是博主的连接,我应该如何解决
第三章
https://learner.blog.csdn.net/article/details/88955387
第四章
https://learner.blog.csdn.net/article/details/89294300

解决跨域问题我知道的有四种方法,第一种就是加一个配置类,第二种是在controller类上面加注解,第三种就是vue里面的代理了,第四种是jsonp。

import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
import org.springframework.web.cors.CorsConfiguration;
import org.springframework.web.cors.UrlBasedCorsConfigurationSource;
import org.springframework.web.filter.CorsFilter;

@Configuration
public class  CorsConfig {
    private CorsConfiguration buildConfig() {
        CorsConfiguration corsConfiguration = new CorsConfiguration();
        corsConfiguration.addAllowedOrigin("*"); // 允许任何域名使用
        corsConfiguration.addAllowedHeader("*"); // 允许任何头
        corsConfiguration.addAllowedMethod("*"); // 允许任何方法(post、get等)
        return corsConfiguration;
    }

    @Bean
    public CorsFilter corsFilter() {
        UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();
        source.registerCorsConfiguration("/**", buildConfig()); // 对接口配置跨域设置
        return new CorsFilter(source);
    }
}

试试项目里加个这个配置吧

后端解决:implements WebMvcConfigurer

     * 跨域解决
     * @param registry
     */
    @Override
    public void addCorsMappings(CorsRegistry registry) {
        registry.addMapping("/**")
                // 所有的当前站点的请求地址,都支持跨域访问。
                .allowedOrigins("*")
                // 所有的外部域都可跨域访问。 如果是localhost则很难配置,因为在跨域请求的时候,外部域的解析可能是localhost、127.0.0.1、主机名
                .allowCredentials(true)
                // 是否支持跨域用户凭证
                .allowedMethods(ORIGINS)
                // 当前站点支持的跨域请求类型是什么
                .maxAge(3600);
               // 超时时长设置为1小时。 时间单位是秒。
    }