Vite/Vue 项目 | 开发环境指定Host(允许其它电脑访问)
Vite/Vue 项目 | 开发环境指定Host(允许其它电脑访问)
开放防火墙相应端口,这是前提
方法一:指定启动参数
npm run dev -- --host 0.0.0.0
说明:打开
package.json
,会发现在script
中有一个"dev": "vite"
,因此所谓的npm run dev
其实也就是vite run dev
,而--
表示命令结束后面是参数,因此会将--host 0.0.0.0
传给vite(而非npm),此时vite就会允许其它主机访问该端口。
补充一句:
vite run dev --host 0.0.0.0
也是可以的,这里少了两个--
哦。
方法二:将启动参数定义到脚本中
一劳永逸的方法 | 打开package.json
,找到"dev": "vite"
,改成如下:
"dev": "vite --host 0.0.0.0"
此时运行npm run dev
即可:
npm run dev
原理也很简单,当我们运行npm run dev
的时候,实际是在运行vite --host 0.0.0.0
。