首页 > 解决方案 > 什么是 vite(用于 Vue3)websocket 路径?

问题描述

尝试在远程机器上托管Vue3开发,使用vite服务开发,做热模块替换(HMR)等,在本地开发时完美运行。

我希望能够远程开发,所以我想我应该设置一个实例,将开发的东西放在上面,然后运行一个 caddy 实例到端口 3000 到端口 80。

几乎可以工作。我的页面服务正常,但 HMR 失败,并且页面每隔几秒钟就会重新加载一次,因为 websocket 无法连接。

我可以使用 caddy 添加另一个端口转发,但它似乎必须具有不同的路径(例如,我可以将路径“/静态”的所有内容转发到其他端口),但粗略看它并没有出现在 vite 代码中,websocket 代码使用不同的路径,它只是像其他所有东西一样通过“/”运行。有单独的路径吗?可以配置一个吗?

有没有办法解决这个问题?

谢谢!

标签: vuejs3caddyvite

解决方案


推荐阅读