Vite启动后提示Network: use `--host` to expose

当使用 Vite 构建项目后,发现只有localhost + 端口 服务,没有 IP + 端口服务。
运行npm run dev,终端提示Vite启动后提示Network: use '--host' to expose

package.json中脚本配置
"scripts": {
"dev": "vite",
"build": "vite build",
"serve": "vite preview"
}

问题复现
当运行 npm run dev | serve 命令时,会显示一下内容。

> vite-vue-demo@1.0.0
> vite | vite preview

vite v2.5.1 build preview server running at:

> Local: http://localhost:3000 | 5000/
> Network: use `--host` to expose

解决
配置vite.config.js
export default defineConfig(({ mode })=>({
// ..
server: {
host: '0.0.0.0',
},
// ..
}))

配置package.json
"scripts": {
"dev": "vite --host",
"build": "vite build",
"serve": "vite preview --host"
}

执行npm run dev命令
vite v2.5.1 dev server running at:

> Local: http://localhost:3000/
> Network: http://xxx.xx.xxx.xx:3000/

posted @   偷熊计划  阅读(804)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
点击右上角即可分享
微信分享提示