解决vite项目使用内网穿透时, 页面频繁刷新的问题

今天发现, vite项目使用内网穿透时, 本地正常, 外网访问频繁刷新. 打开开发者工具, 数据资源都能加载成功, 但ws会报错, 数据加载完后马上又加载,导致页面频繁刷新.

开发环境

1. 本地 window 系统
2. 服务端 ubuntu
3. 内网穿透 frp
4. vite项目

ws频繁调取还报错, 应该和vite的server hmr 有关, 经过调试, 以下代码完美解决问题

server: {
  hmr: {
    protocol: 'ws',
    host: 'localhost',
  },
},