解决跨域的配置

喵喵呜呀呜

已于 2022-08-01 22:23:20 修改

阅读量1.7k

点赞数

文章标签：前端 vue.js javascript

于 2022-07-20 12:20:13 首次发布

本文链接：https://blog.youkuaiyun.com/m0_57567839/article/details/125889731

版权

本文介绍了如何在API网关中配置跨域设置，通过在配置文件中添加CORS规则，允许所有源、方法和头部，并启用凭据支持，以确保前端应用能顺利调用后端服务。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

这里写自定义目录标题

解决跨域问题

解决跨域问题

在网关中添加跨域的配置文件
在这里插入图片描述

@Configuration
public class MymallCorsConfiguration {

    @Bean
    public CorsWebFilter corsWebFilter() {
        UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();

        CorsConfiguration corsConfiguration = new CorsConfiguration();

        //1、配置跨域
        corsConfiguration.addAllowedHeader("*");
        corsConfiguration.addAllowedMethod("*");
        corsConfiguration.addAllowedOriginPattern("*");
        corsConfiguration.setAllowCredentials(true);

        source.registerCorsConfiguration("/**",corsConfiguration);
        return new CorsWebFilter(source);
    }
}