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


字数:305 阅读时长:1分钟 阅读:85

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

Vite

package.json中脚本配置

1
2
3
4
5
"scripts": {
"dev": "vite",
"build": "vite build",
"serve": "vite preview"
}

问题复现

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

1
2
3
4
5
6
7
> 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
1
2
3
4
5
6
7
export default defineConfig(({ mode })=>({
// ..
server: {
host: '0.0.0.0',
},
// ..
}))
  • 配置package.json
1
2
3
4
5
"scripts": {
"dev": "vite --host",
"build": "vite build",
"serve": "vite preview --host"
}

执行npm run dev命令

1
2
3
4
vite v2.5.1 dev server running at:

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

《Vue3学习与实战》系列


欢迎访问:个人博客地址

本文作者: Tiven
发布时间: 2021-05-07
最后更新: 2023-07-17
本文标题: Vite启动后提示Network: use `--host` to expose
本文链接: https://www.tiven.cn/p/a57bb1ad/
版权声明: 本作品采用 CC BY-NC-SA 4.0 许可协议进行许可。转载请注明出处!
欢迎留言,提问 ^_^
个人邮箱: tw.email@qq.com
notification icon
博客有更新,将会发送通知给您!