跨域问题、302重定向问题

最新推荐文章于 2025-03-09 22:02:40 发布

爱吃鱼的cc

最新推荐文章于 2025-03-09 22:02:40 发布

阅读量1.2k

点赞数 6

分类专栏：错误解决文章标签：跨域 spring boot

本文链接：https://blog.csdn.net/qq_51076441/article/details/139200069

版权

错误解决专栏收录该内容

7 篇文章

订阅专栏

同源策略

协议、域名、端口3个都相同就是同源
Vue:http://localhost:8080
SpringBoot: http://localhost:8181/list
CORS: Cross Origin Resource Sharing

解决方案（后端）：

直接在要访问的方法上加@CrossOrigin

    @PostMapping("/login")
    @CrossOrigin 
    public Result<EmployeeLoginVO> login(@RequestBody EmployeeLoginDTO employeeLoginDTO) {
    ....
    }

添加跨域配置

    @Bean
    public CorsFilter corsFilter()
    {
        CorsConfiguration config = new CorsConfiguration();
        config.setAllowCredentials(true);
        // 设置访问源地址
        config.addAllowedOriginPattern("*");
        // 设置访问源请求头
        config.addAllowedHeader("*");
        // 设置访问源请求方法
        config.addAllowedMethod("*");
        // 有效期 1800秒
        config.setMaxAge(1800L);
        // 添加映射路径，拦截一切请求
        UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();
        source.registerCorsConfiguration("/**", config);
        // 返回新的CorsFilter
        return new CorsFilter(source);
    }
}

实现WebMvcConfigurer接口，重写addCorsMappings方法

@Configuration
public class CorsConfigutation implements WebMvcConfigurer{
    @Override
    public void addCorsMappings(CorsRegistry registry) {
        registry.addMapping("/**")
                .allowedOriginPatterns("*")
                .allowedMethods("GET","POST","PUT","DELETE")
                .maxAge(3600)
                .allowedHeaders("*");
    }
}