Angular+SpringbootWebsocketcors错误
创始人
2024-10-21 01:30:44
0
  1. 在 Spring Boot 项目的 WebSocketConfig 类中,添加以下配置,以允许来自不同域的跨域请求:

@Configuration public class WebSocketConfig implements WebSocketConfigurer {

@Override public void registerWebSocketHandlers(WebSocketHandlerRegistry registry) { registry.addHandler(myHandler(), "/myHandler").setAllowedOrigins("*"); } }

  1. 在 Angular 项目的 app.module.ts 中,导入 HttpClientModule 并使用 withCredentials 选项以在 WebSocket 握手期间包含跨域凭据:

import { NgModule } from '@angular/core'; import { HttpClientModule } from '@angular/common/http';

@NgModule({ imports: [ HttpClientModule, ], }) export class AppModule { }

export const WS_ENDPOINT = 'ws://localhost:8080/myHandler'; export const WS_OPTIONS = { withCredentials: true };

  1. 运行 Angular 项目时,将 WebSocketService 中的选项传递给 WebSocketSubject 的构造函数,以保留跨域凭据:

constructor(url: string, private http: HttpClient) { this.wsSubject = webSocket({ url, ...WS_OPTIONS, }); }

  1. 现在,连接到 WebSocket 时不再会收到 CORS 错误了。

相关内容

热门资讯

普及透视!德普之星透视免费,微... 普及透视!德普之星透视免费,微乐游戏小程序脚本,大纲教程(揭秘有挂)-哔哩哔哩1、全新机制【德普之星...
推荐透视!wejoker手机版... 推荐透视!wejoker手机版透视脚本,微乐降序自建房辅助app,积累教程(有挂技巧)-哔哩哔哩we...
了解透视!aapoker怎么拿... 了解透视!aapoker怎么拿好牌,微信微乐游戏辅助脚本,窍要教程(有挂教程)-哔哩哔哩1)aapo...
解密透视!hhpkoer辅助挂... 解密透视!hhpkoer辅助挂是真的吗,微乐自建房辅助神器怎么安装,教程书教程(发现有挂)-哔哩哔哩...
详情透视!有哪些免费的wpk作... 详情透视!有哪些免费的wpk作弊码,微乐智能插件激活码,方针教程(有挂技术)-哔哩哔哩1、点击下载安...
辅助透视!wpk官网下载链接,... 辅助透视!wpk官网下载链接,微乐家乡小程序脚本ios,妙招教程(有挂功能)-哔哩哔哩辅助透视!wp...
曝光透视!wpk辅助是什么,微... 曝光透视!wpk辅助是什么,微乐小程序游戏破解器下载,指南书教程(有挂存在)-哔哩哔哩1、实时wpk...
了解透视!xpoker辅助器,... 了解透视!xpoker辅助器,微乐小程游戏破解器下载,举措教程(有挂攻略)-哔哩哔哩1、用户打开应用...
科普透视!steampoker... 科普透视!steampokermaster辅助,微乐内蒙古自建房脚本免费下载,教材教程(有人有挂)-...
解迷透视!hhpoker可以控... 解迷透视!hhpoker可以控制吗,微信微乐小程序辅助器免费安装,课程教程(果真有挂)-哔哩哔哩1....