phpstorm 远程开发 vite 调试报错 无法连接

背景

LAVAREL 的 VITE 项目 使用 phpstorm 进行远程开发时运行npm run dev浏览器报错

GET http://[::1]:5173/@vite/client net::ERR_CONNECTION_REFUSED

解决方案

1. 远程主机的防火墙设置允许 5173 端口
2. 远程主机的 vite.config.js 中配置如下

   export default defineConfig({
     server: {
       host: "192.168.0.1", // 远程主机ip
       port: 5173,
     },
   });

3. 运行npm run dev
4. 使用 phpstrom 转发 5173 端口到本地 5173 端口

本文链接：