解决vite在远程开发服务器上的反复刷新问题

由于现在身兼数职，工作上增加了出差的特性，我选择了一台商务本作为自己的新设备。但是这样的话，在开发的时候性能上就有些捉襟见肘了。为了兼顾商务和开发的需求，我将之前的开发本做成了一台linux开发服务器，用于支持我的开发工作。

但是在运行基于vite的开发服务过程中，我发现vite一直在不断重新链接。

抓取错误发现，是vite的websocket服务端口号不对。因为我linux暴露出来的端口号应该为18000。因此这里需要调整一下hmr的配置。

通过翻查官方文档，我找到了如下解决方案。那就是调整server.hmr.clientPort配置就可以了。

{
	server: {
		hmr: {
			clientPort: 18000
		}
	}
}

具体说明可以参考官网。

clientPort 是一个高级选项，只在客户端的情况下覆盖端口，这允许你为 websocket 提供不同的端口，而并非在客户端代码中查找。如果需要在 dev-server 情况下使用 SSL 代理，这非常有用。