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

最新推荐文章于 2024-11-19 10:46:49 发布

m0_67403013

最新推荐文章于 2024-11-19 10:46:49 发布

阅读量338

点赞数

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

本文链接：https://blog.csdn.net/m0_67403013/article/details/123303621

版权

当使用Vite启动项目并尝试通过局域网IP访问时，遇到'Network use `--host` to expose'提示，无法正常访问。本文详细介绍了问题的原因及三种解决方法：1. 修改vite.config.js配置；2. 通过Vite CLI配置启动命令；3. 修改npm脚本，以确保服务能被网络中的其他设备正确访问。

摘要由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