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

浅浅的花香味﹌ 2023-06-28 11:30 208阅读 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 条评论，208人围观）

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

相关阅读

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

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

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

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

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

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

相关 websocket无法跨域问题

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

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

相关跨域的同时设置headers信息

1. 通常情况下，跨域时浏览器是无法设置headers的，但是我们可以从后台设置，允许浏览器设置对应属性值，即补充 Access-Control-Allow-Headers 的

秒速五厘米/ 2022年10月18日 14:57/ 0 赞/ 9 阅读

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

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

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

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

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

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

相关 ajax跨域自定义header

1、前端ajax设置表头信息两种方式： <script src="jquery.min.js"></script> <script >

﹏ヽ暗。殇╰゛Y/ 2022年03月28日 06:42/ 0 赞/ 356 阅读

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

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

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

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

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

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

相关 header设置跨域问题

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

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