code-server容器webpack的ws无法连接解决方法

TLDR

通过指定client的wsrul去连接ws
devServer.client.webSocketURL = ‘wss://<Forwarded uri>/ws’

拓扑

拓扑图

1、code-server: 用于编写代码、启动webpack dev-server 服务;[https://<domain>:8001]
2、webpack: 用于浏览dev-server服务;[https://<domain>:8001/proxy/8080/]
3、ws: 当有文件改动后,用于c端浏览器热加载、重载。[wss://<domain>:8001/proxy/8080/ws]

Forwarded uri

Forwarded uri

webpack.config.js

  devServer: {
    client: {
        webSocketURL: 'wss://<domain>:8001/proxy/8080/ws',
      },

client browser

client

最近更新

  1. TCP协议是安全的吗?

    2024-05-02 18:26:01       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-05-02 18:26:01       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-05-02 18:26:01       19 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-05-02 18:26:01       20 阅读

热门阅读

  1. Circuits--Sequential--Finite5

    2024-05-02 18:26:01       11 阅读
  2. BKPUNIX

    2024-05-02 18:26:01       9 阅读
  3. 单片机与Python串口通讯

    2024-05-02 18:26:01       12 阅读
  4. Python Json数据解析

    2024-05-02 18:26:01       13 阅读
  5. 单机多GPU的训练及debug中vscode下launch.json内容设置

    2024-05-02 18:26:01       10 阅读
  6. 【Golang】使用 GORM 的 Scopes 进行查询

    2024-05-02 18:26:01       13 阅读
  7. 设计模式之单例模式

    2024-05-02 18:26:01       10 阅读
  8. IntelliJ IDEA 常用快捷键

    2024-05-02 18:26:01       13 阅读
  9. C语言-单链表和双链表

    2024-05-02 18:26:01       9 阅读