才学习springboot+vue遇见了跨域问题,看了很多种方法,还是没解决。

localhost:8443是后端端口,localhost:8089是vue端口

img

下面是代码

vue代码 vue用的是2.6的
1.config/index.js配置类
img

2.src/router/index.js配置代码
img

3.src/main.js添加的配置
img

4.登陆界面代码
img

5.登陆成功后提示
img

springboot代码

1.controller层
img

2.实体类
img

3.dao层
img

4.service层
img

5.启动类
img
6.端口配置
img

corsconfig如何配置的

java后端配置请求跨越,springboot项目
在config包中CorsConfig.class配置如下

@Configuration
public class CorsConfig extends WebMvcConfigurerAdapter {
    @Override
    public void addCorsMappings(CorsRegistry registry) {
        registry.addMapping("/**")
                .allowedOrigins("*")
                .allowCredentials(true)
                .allowedMethods("GET", "POST", "DELETE", "PUT")
                .maxAge(3600);
    }
}

@Configuration
public class CorsConfig{

private CorsConfiguration buildConfig(){
    CorsConfiguration corsConfiguration=new CorsConfiguration();
    corsConfiguration.addAllowedOrigin("*");
    corsConfiguration.addAllowedHeader("*");
    corsConfiguration.addAllowedMethod("*");
    corsConfiguration.setAllowCredentials(true);
    corsConfiguration.setMaxAge(3600L);
    return corsConfiguration;
}
@Bean
public CorsFilter corsFilter(){
    UrlBasedCorsConfigurationSource source=new UrlBasedCorsConfigurationSource();
    source.registerCorsConfiguration("/**",buildConfig());
    return new CorsFilter(source);
}

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