Vite启动后提示“Network use `--host` to expose“，且无法通过网络IP访问服务

最新推荐文章于 2024-08-23 14:03:06 发布

emgexgb_sef

最新推荐文章于 2024-08-23 14:03:06 发布

阅读量958

点赞数 1

分类专栏：前端 html 文章标签：网络 tcp/ip vue.js

本文链接：https://blog.csdn.net/emgexgb_sef/article/details/123367791

版权

当使用Vite启动服务后，遇到“Network use `--host` to expose”提示，导致无法通过网络IP访问。问题源于Vite默认只监听127.0.0.1。解决方法包括：修改vite.config.js配置，将server.host设为'0.0.0.0'；通过Vite CLI添加--host参数；或者直接在npm脚本中配置启动命令添加--host选项，使得服务能被局域网内的其他设备访问。

摘要由CSDN通过智能技术生成

起因
问题重现
问题原因
解决方法

起因

当使用 Vite 构建项目后，需要通过局域网中的电脑或手机访问服务调试时，发现通过 IP + 端口无法访问。

问题重现

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

> vite-vue@0.0.0 serve /Users/UserName/Workspace/vue-vite
> vite | vite preview


  vite v2.3.7 build preview server running at:

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