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

TLDR

通过指定client的wsrul去连接ws

devServer.client.webSocketURL = 'wss://<Forwarded uri>/ws'

拓扑

1、code-server: 用于编写代码、启动webpack dev-server 服务;https://\:8001

2、webpack: 用于浏览dev-server服务;https://\:8001/proxy/8080/

3、ws: 当有文件改动后,用于c端浏览器热加载、重载。wss://\:8001/proxy/8080/ws

Forwarded uri

webpack.config.js

js 复制代码
  devServer: {
    client: {
        webSocketURL: 'wss://<domain>:8001/proxy/8080/ws',
      },

client browser

相关推荐
JavaPub-rodert7 小时前
Docker 日志为什么能把磁盘写爆?讲透 json-file、local、journald、日志轮转与 docker logs
docker·eureka·json
人生匆匆8 小时前
docker部署ceph集群
ceph·docker·容器
张张123y11 小时前
后端第九课:部署上线(把你的 FastAPI 后端真正跑起来给别人用)
python·docker·部署·fastapi
定栓13 小时前
Webpack迁到Vite第五节:第三方库兼容
前端·webpack·node.js
AscendKing14 小时前
Docker Compose 一键部署 SkyWalking 10.2.0 + Elasticsearch8.11,分布式链路追踪完整实战
elasticsearch·docker·skywalking·链路追踪·微服务监控
励志师code15 小时前
Kubernetes 集群节点生命周期管理实战:从扩容、调度管控到证书续期
运维·docker·容器·kubernetes·gpu算力·kubelet
木雷坞16 小时前
Docker Compose部署Metabase:应用库隔离与日期筛选看板
运维·docker·容器
怒放的生命199116 小时前
前端项目 Docker 打包实操指南
前端·docker·容器
tedcloud12316 小时前
Docker Compose 部署 Immich:手机照片自动备份与常见故障排查
运维·前端·docker·容器·智能手机·开源·流程图