如何在 Micronaut 中启用跨域 Websocket 连接？

我正在尝试实现一个新的 Micronaut 微服务，它将成为一个 Websocket 服务器，假设它在

http://localhost:8081

ws://localhost:8081/ws

客户端将是在不同域上本地运行的 Vue.js UI，比如

:8080

当我单击将触发 websocket 连接和数据传输的 UI 按钮时，我在 Chrome 中得到以下信息：

Common.umd.js:8 WebSocket connection to 'ws://localhost:8081/ws' failed: 

以及 Firefox 中的以下内容：

GET ws://localhost:8081/ws [HTTP/1.1 403 Forbidden 412ms]

Firefox can’t establish a connection to the server at ws://localhost:8081/ws. Common.umd.js:formatted:3191:34

在 Firefox 中，它会给出

403

ws://localhost:8081/ws

Finished

403

Micronaut websocket 服务器代码通常看起来像这样（我省略了详细信息，因为 Micronaut 服务器访问日志中没有提到任何有关

403

@ServerWebSocket("/ws")
public class Server {

  /** Class logger. */
  private static final Logger log = LoggerFactory.getLogger(Server.class);

  /** Micronaut application context. */
  @Inject ApplicationContext ctx;
  
  /** Service configuration. */
  @Inject Configuration configuration;

  /** WebSocket broadcaster. */
  @Inject WebSocketBroadcaster broadcaster;

  /** The RabbitMQ message producer. */
  @Inject ApiProducer producer;
  

  /**
   * Handler for connection open event.
   *
   * @param session - the created WS session.
   * @return Publisher for the startup confirmation message.
   */
  @SuppressWarnings("static-method")
  @OnOpen
  public Publisher<String> onOpen(WebSocketSession session) {
    ...
  }

  /**
   * Handler for message received event.
   *
   * @param message - the command payload
   * @param session - current WS session
   * @return Publisher for the response message.
   */
  @SuppressWarnings("unchecked")
  @OnMessage
  public Publisher<String> onMessage(String message, WebSocketSession session) {
    ...
  }

  public Mono<String> onNotification(String notification, UUID correlationId) {
    ...
  }

  /**
   * Handler for connection close event.
   *
   * @param session - the WS session to be closed.
   */
  @SuppressWarnings("static-method")
  @OnClose
  public void onClose(WebSocketSession session) {
    ...
  }
}

在 Vue.js 方面，我们将

vuex

createStore

VueNativeSock

vue-native-websocket-vue3

同样在 Micronaut 方面，我尝试使用

application.yml

micronaut:
  application:
    name: application-name
  server:
    cors:
      enabled: true
    port: 8081

但是，这还是不行。

一些额外的上下文：当我使用

http://localhost:8080

如有任何帮助，我们将不胜感激。

所以我最终在这里找到了答案：https://github/micronaut-projects/micronaut-core/issues/8560在sdelamo 1月11日的第一个评论中。

我需要使用：

micronaut:
  application:
    name: application-name
  server:
    cors:
      enabled: true
      configurations:
        ui:
          allowed-origins: "http://dev.domain:8080"
    port: 8081

这与我阅读的文档相矛盾，该文档说配置属性用于限制不允许访问特定域。