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。
Vite

