Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >spring cloud gateway跨域冲突功能的开发

spring cloud gateway跨域冲突功能的开发

作者头像
星痕
发布于 2020-08-14 08:46:31
发布于 2020-08-14 08:46:31
91900
代码可运行
举报
文章被收录于专栏:JAVA后端开发JAVA后端开发
运行总次数:0
代码可运行

gateway可以实现支持跨域功能,但如果下游也支持跨域,会出现跨域冲突。 如何解决该问题,gateway对外输出相关跨域的httpheader,只要对重复的header去掉即可。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
/**
 * @author starmark
 * @date 2020/5/11  下午9:29
 */
@Slf4j
public class GatewayCorsWebFilter implements WebFilter {
    @Autowired
    private IRouteService routeService;
    private final CorsProcessor processor;

    private static List<String> configHeaderNames = new ArrayList<>();
    static{
        configHeaderNames.add(HttpHeaders.ACCESS_CONTROL_ALLOW_CREDENTIALS);
        configHeaderNames.add(HttpHeaders.ACCESS_CONTROL_ALLOW_HEADERS);
        configHeaderNames.add(HttpHeaders.ACCESS_CONTROL_ALLOW_METHODS);
        configHeaderNames.add(HttpHeaders.ACCESS_CONTROL_ALLOW_ORIGIN);
        configHeaderNames.add(HttpHeaders.ACCESS_CONTROL_EXPOSE_HEADERS);

    }

    public GatewayCorsWebFilter() {
        this.processor = new DefaultCorsProcessor();
    }

    @Override
    public Mono<Void> filter(ServerWebExchange exchange, WebFilterChain chain) {
        ServerHttpRequest request = exchange.getRequest();
        String url = request.getPath().value();
        if (url.contains("webjars") || url.contains("swagger-resources") || url.contains("/v2/api-docs") || url.contains("doc.html") || url.contains("swagger-ui.html") ||
                url.contains(".css") || url.contains(".ico") || url.contains(".js") || url.contains(".png") || url.contains(".jpg")) {
            //如果发现是css或者js文件,直接放行
            return chain.filter(exchange);
        }
        String projectCode = RequestHelper.getRequestProjectCode(request);
        Assert.hasText(projectCode, "工程编码不存在");
        CorsConfiguration corsConfiguration = routeService.getGatewayProjectCorsConfiguration(projectCode);
        boolean isValid = this.processor.process(corsConfiguration, exchange);

        if (!isValid || CorsUtils.isPreFlightRequest(request)) {
            return Mono.empty();
        }
        //解决跨域冲突的问题
        ServerHttpResponseDecorator decoratedResponse = new ServerHttpResponseDecorator(exchange.getResponse()) {

            @Override
            public HttpHeaders getHeaders() {
                HttpHeaders httpHeaders=    HttpHeaders.writableHttpHeaders(getDelegate().getHeaders());
                dedupe(httpHeaders);
                return httpHeaders;
            }
            void dedupe(HttpHeaders headers) {
                if (headers == null) {
                    return;
                }
                for (String name : configHeaderNames) {
                    dedupe(headers, name.trim());
                }
            }

            private void dedupe(HttpHeaders headers, String name) {
                List<String> values = headers.get(name);
                if (values == null || values.size() <= 1) {
                    return;
                }

                headers.set(name, values.get(values.size() - 1));

            }
        };
        return chain.filter(exchange.mutate().response(decoratedResponse).build());
    }



}

上述是我跨域功能的代码,支持跨域功能及解决跨域冲突功能的问题。 上面有一个梗, exchange.getResponse().getHeaders()的header为只读,需要通过构造响应ServerHttpResponseDecorator 来解决只读的问题。

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
如何使用Django构建现代Web应用程序来管理客户信息并在Ubuntu 18.04上进行反应
人们使用不同类型的设备连接到互联网并浏览网页。因此,需要从各种位置访问应用程序。对于传统网站,具有响应式UI通常就足够了,但更复杂的应用程序通常需要使用其他技术和体系结构。其中包括具有单独的REST后端和前端应用程序,可以实现为客户端Web应用程序,Progressive Web Apps(PWA)或本机移动应用程序。
吴凌云
2018/11/15
14.8K0
Django入门笔记——第八章、模板引擎设置
要显示文章标题,就要把标题从数据库中先读取出来。我们在创建BlogArticles模型时,有一个专门的title字段存储文章标题,那么怎么读取到它呢?通过前面学习笔记,
宇宙之一粟
2020/10/26
4440
Django入门笔记——第八章、模板引擎设置
PWA进阶:离线存储与推送通知的高级技巧
渐进式网页应用(Progressive Web App, PWA)通过离线存储和推送通知等功能,能够提供类似原生应用的体验。
天涯学馆
2024/05/19
4930
一个完整的Django入门指南(二)
第三部分 Introduction        In this tutorial, we are going to dive deep into two fundamental concepts: URLs and Forms. In the process, we are going to explore many other concepts like creating reusable templates and installing third-party libraries. We are a
zhang_derek
2018/04/11
3.4K0
一个完整的Django入门指南(二)
完整的 Django 零基础教程|初学者指南 - 第5 部分 转自:维托尔·弗雷塔斯
目前我们已经有一个名为 home“Hello, World!”的视图。在我们应用程序的主页中。
梦溪
2021/08/09
4560
Web 推送技术
作者:villainthr 摘自 前端小吉米 伴随着今年 Google I/O 大会的召开,一个很火的概念--Progressive Web Apps 诞生了。这代表着我们 web 端有了和原生 AP
腾讯IVWEB团队
2017/03/13
4.9K0
Web 推送技术授权
伴随着今年 Google I/O 大会的召开,一个很火的概念--Progressive Web Apps 诞生了。这代表着我们 web 端有了和原生 APP 媲美的能力。但是,有一个很重要的痛点,web 一直不能使用消息推送,虽然,后面提出了 Notification API,但这需要网页持续打开,这对于常规 APP 实现的推送,根本就不是一个量级的。所以,开发者一直在呼吁能不能退出一款能够在网页关闭情况下的 web 推送呢?
腾讯IVWEB团队
2020/06/28
2.3K0
Python全栈开发之Django进阶
项目中CSS、JS、图片都属于静态文件,一般会将静态文件存到一个单独目录中,便于管理,在HTML页面调用时,需要指定静态文件的路径,Django提供了一种解析静态文件的机制,文件可以放在项目目录下,也可以放在应用目录下
py3study
2020/01/07
2.8K0
Django Template层之Template概述
下载地址:https://www.python.org/downloads/release/python-340/
授客
2020/07/16
9910
Django Channels websocket 搭建实践(实现长链接消息通知功能)
信道层是一种通信系统。它允许多个消费者实例彼此交谈,以及与 Django 的其他部分交谈。 通道层提供以下抽象: 通道是一个可以将邮件发送到的邮箱。每个频道都有一个名称。任何拥有频道名称的人都可以向频道发送消息。 一组是一组相关的通道。一个组有一个名称。任何具有组名称的人都可以按名称向组添加/删除频道,并向组中的所有频道发送消息。无法枚举特定组中的通道。 每个使用者实例都有一个自动生成的唯一通道名,因此可以通过通道层进行通信。 在我们的聊天应用程序中,我们希望同一个房间中的多个聊天消费者实例相互通信。为此,我们将让每个聊天消费者将其频道添加到一个组,该组的名称基于房间名称。这将允许聊天用户向同一房间内的所有其他聊天用户发送消息。 我们将使用一个使用 redis 作为后备存储的通道层。要在端口 6379 上启动 Redis 服务器,首先系统上安装 redis,并启动。
卓越笔记
2023/02/18
2.4K0
Django Channels websocket 搭建实践(实现长链接消息通知功能)
React Native推送通知:完整的操作指南
推送通知已成为构建移动应用时需要考虑的重要功能。由于它们类似于短信,但发送不需要任何费用,许多企业现在更喜欢使用推送通知向应用用户发送信息和警报。
前端小智@大迁世界
2024/02/21
4.5K0
React Native推送通知:完整的操作指南
如何在 Django 中同时使用普通视图和 API 视图
在本教程中,我们将学习如何在 Django 项目中有效地管理和使用普通视图和 API 视图。我们将从基础概念开始,逐步深入,涵盖必要的配置、代码示例以及最佳实践。
IT蜗壳-Tango
2024/07/02
1.5K0
【全栈开发】---- 一文掌握Django的轮询、长轮询
在我们日常开发Web应用程序时,通常依赖HTTP协议来实现客户端与服务器之间的通信。在这种模式下,浏览器发起请求,服务器处理并响应这些请求。尽管这种请求-响应模型适用于大多数应用场景,但在某些情况下,比如直播间的实时聊天功能,它显得力不从心。具体来说,在一个直播间中,当一位用户发送消息后,其他观众需要即时看到这条信息,这就要求服务器能够主动向客户端推送更新,而不是被动地等待客户端发起请求。
用户11404404
2025/03/06
2350
Django—第三方引用
借助富文本编辑器,网站的编辑人员能够像使用offfice一样编写出漂亮的、所见即所得的页面。此处以tinymce为例,其它富文本编辑器的使用也是类似的。
py3study
2020/01/16
1.3K0
Django—第三方引用
WEB框架本质和第一个Django实例
我们可以这样理解:所有的Web应用本质上就是一个socket服务端,而用户的浏览器就是一个socket客户端。 这样我们就可以自己实现Web框架了。
全栈程序员站长
2022/07/21
1.8K0
WEB框架本质和第一个Django实例
Python web 框架之Django
Python Django 是一种强大的 Web 框架,它可以帮助开发者快速构建高质量的 Web 应用程序。它基于 Python 编程语言,使用了一系列的组件和工具,包括 ORM(对象关系映射),模板引擎,表单处理等等。在本文中,我们将介绍 Python Django 的一些基础知识和重要组件。
疯狂的KK
2023/03/17
1.1K0
20个海外Web和App推送通知服务工具
在App和网站中使用推送通知有不同的原因,并且在提高流量和与客户互动方面有很多好处。推送通知是一种交互式可点击消息,可将访问者直接引导至你的网站。它们可以帮助你以指数方式增加流量和参与率。因此,营销人员,广告商,品牌和企业必须了解如何更好地使用此类服务。
Blue姐
2019/08/07
5.5K0
Python高级进阶(一)Python框架之Django入门
  Django是一个开放源代码的Web应用框架,由Python写成。采用了MVC的框架模式,即模型M,视图V和控制器C。它最初是被开发来用于管理劳伦斯出版集团旗下的一些以新闻内容为主的网站的,即是CMS(内容管理系统)软件。并于2005年7月在BSD许可证下发布。这套框架是以比利时的吉普赛爵士吉他手Django Reinhardt来命名的。Django的作者不是一个人而是一个团队(点击 Django Team了解团队成员),我们都知道Django是以一个人的名字命名的,就是下面这个人,我们就叫他“三指琴魔”强哥吧
马一特
2020/09/08
8350
使用dotCloud在云端部署Django应用程序
dotCloud的目标是提供一系列独立服务,你可以使用这些服务来构建你的应用程序。比方说,如果你需要一个数据库,就从其所支持的众多数据库中挑选一个。如果需要一个在前端使用Django或Rails的应用
Techeek
2018/01/05
4.5K1
Django中的二维码生成器
现在打开 qrcodeapp 的 views.py 编写生成二维码的逻辑,然后我们在模板上渲染它。
IT运维技术圈
2022/06/27
6980
Django中的二维码生成器
推荐阅读
相关推荐
如何使用Django构建现代Web应用程序来管理客户信息并在Ubuntu 18.04上进行反应
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验