Websocket Stomp跨域时无法添加header参数的问题

浅浅的花香味﹌ 2023-06-28 11:30 169阅读 0赞

## 背景 ##

websocket+跨域+通过frame的header传参时，前端无法传递header参数

## 解决方案 ##

我是缺少了这一行导致的无法传递header  
“Access-Control-Request-Headers”,

@Configuration
    public class WebMvcConfig implements WebMvcConfigurer {
    
    	@Override
    	public void addCorsMappings(CorsRegistry registry) {
    		registry.addMapping("/**")
    				.allowedOrigins("*")
    				.allowedMethods("*")
    				.allowedHeaders("*")
    				.exposedHeaders("Access-Control-Allow-Headers",
    						"Access-Control-Allow-Methods",
    						"Access-Control-Allow-Origin",
    						"Access-Control-Max-Age",
    						"Access-Control-Request-Headers",
    						"X-Frame-Options")
    				.allowCredentials(true)
    				.maxAge(3600);
    	}
    
    }

设置setAllowedOrigins

@Override
    	public void registerStompEndpoints(StompEndpointRegistry registry) {
    		registry.addEndpoint("/gs-guide-websocket").setAllowedOrigins("*").withSockJS(); //客户端连接websocket服务器的端点url
    	}

## 效果 ##

stomp帧的header中，增加了自定义参数的键值对。如何传参的问题请参考其他博客  
![在这里插入图片描述][20200109115732667.png]

[20200109115732667.png]: https://img-blog.csdnimg.cn/20200109115732667.png

发表评论取消回复

表情：

评论列表（有 0 条评论，169人围观）

还没有评论，来说两句吧...

相关阅读

相关什么时跨域问题和如何解决跨域问题

跨域问题指的是不同站点之间，使用ajax无法互相调用的问题。跨域问题本质是浏览器的一种保护机制，它的初衷是为了保证用户的安全，防止恶意网站盗取数据。但是这个保护机制也带来...

冷不防/ 2024年05月06日 09:49/ 0 赞/ 34 阅读

相关 Python 安装django-cors-headers解决跨域问题

一、PythonCorsHeaders概念 PythonCorsHeaders是一个轻量级的Python工具，用于解决跨域HTTP请求的问题。它允许你指定哪些网站或IP地

今天药忘吃喽~/ 2024年02月17日 10:23/ 0 赞/ 12 阅读

相关跨域、跨域问题

跨域(CORS)是一种允许当前域（domain）的资源（比如html/js/web service）被其他域（domain）的脚本请求访问的机制，通常由于同域安全策略（the

朴灿烈づ我的快乐病毒、/ 2023年09月27日 00:59/ 0 赞/ 138 阅读

相关 Websocket Stomp跨域时无法添加header参数的问题

背景 websocket+跨域+通过frame的header传参时，前端无法传递header参数解决方案我是缺少了这一行导致的无法传递header “Ac

浅浅的花香味﹌/ 2023年06月28日 11:30/ 0 赞/ 170 阅读

相关 websocket无法跨域问题

配置好了websocket后，发现只有本地才能连接，在另外一台机子连接进来，连上就断了，然后百度一下，就是websocket配置类一个方法没配置上 registerStom

末蓝、/ 2022年11月28日 10:38/ 0 赞/ 173 阅读

相关 Django解决跨域问题（django-cors-headers）

Django解决跨域问题（django-cors-headers）参考文章： [（1）Django解决跨域问题（django-cors-headers）][1_Djang

ゞ浴缸里的玫瑰/ 2022年08月28日 11:42/ 0 赞/ 161 阅读

相关解决Vue跨域跨域请求无法获得结果的问题

我是这样遇到这个问题的。 isLogin.php返回session中的内容，vue中通过this.$http.get请求这个php，发现返回的结果为null。 WHY？

快来打我*/ 2022年05月31日 04:58/ 0 赞/ 466 阅读

相关 beego：实现websocket时出现跨域问题

1、error: request origin not allowed by Upgrader.CheckOrigin 修改如下配置即可，CheckOrigin return

缺乏、安全感/ 2022年03月25日 13:08/ 0 赞/ 301 阅读

相关 jQuery AJAX 设置header 跨域 || 不跨域

一.ajax请求，没有跨域，设置http header头部 $.ajax({ type: "post",

叁歲伎倆/ 2022年02月01日 23:37/ 0 赞/ 1360 阅读

相关 header设置跨域问题

[2019独角兽企业重金招聘Python工程师标准>>> ][2019_Python_] ![hot3.png][] 1. header("Access-Control-A

骑猪看日落/ 2022年01月14日 03:07/ 0 赞/ 651 阅读