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

最新推荐文章于 2025-07-18 13:12:35 发布
最新推荐文章于 2025-07-18 13:12:35 发布
阅读量1.1k 收藏
点赞数 1
CC 4.0 BY-SA版权
分类专栏： 前端 html 文章标签： 网络 tcp/ip vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：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选项，使得服务能被局域网内的其他设备访问。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

目录

起因

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

问题重现

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

> [email protected] 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

问题原因

当 局域网 中另一台设备需要访问该服务时，必须通过本机 IP + 端口 访问。<

最低0.47元/天 解锁文章

200万优质内容无限畅学
Network:use `--host` to expose
卑微牛马学习笔记
01-23 7725
vite创建项目 Network:use `--host` to expose
Vite启动后提示“Network: use `--host` to expose“，且无法通过网络IP访问服务
weixin_45869811的博客
05-29 1128
执行 npm run dev | serve --host 后控制台还是会显示 Netvork: user --host to expose。当使用 Vite 构建项目后，需要通过局域网中的电脑或手机访问服务调试时，发现通过 IP + 端口无法访问。如果将此设置为 0.0.0.0 将监听所有地址，包括局域网和公网地址。在控制台会显示 user --host to expose（使用 --host 暴露网络）中另一台设备需要访问该服务时，必须通过本机。尝试访问后，发现找不到这个服务，原因是。
开发配置vite启用https、生成自签名SSL证书
最新发布
qq_43150620的博客
07-18 510
前端开发中，某些场景（如调试摄像头、连接线上服务器）必须使用HTTPS。Windows下可通过OpenSSL生成自签名证书：安装OpenSSL后，执行命令生成私钥(.key)和证书(.crt)，注意CN必须填"localhost"。最后在Vite配置中引用证书文件即可启用HTTPS服务。该方案解决了本地开发时的HTTPS需求问题。
Vite 启动后提示 Network: use `--host` to expose，且无法通过IP访问服务
05-10 2214
当使用 Vite 构建项目后，需要访问服务调试时，发现通过 IP + 端口无法访问。官方文档说明不显示地址是因为 IP 没有做配置，所以不能使用 IP 访问本地的项目。
解决Network: use --host to expose
weixin_43503406的博客
11-19 2750
当在本地开发环境中运行项目时只允许本机通过此地址在浏览器中预览或调试项目，别人是不能通过localhost来访问项目。项目在局域网络环境中运行的地址，对应项目运行电脑的ip或者域名。在局域网中，别人可以通过ip地址和端口号来访问项目；项目部署在服务器上，别人可以使用服务器ip或者域名来访问项目。导致同一局域网中的其他人想要通过ip和端口号访问本地的项目不是很方便（除了命令提示符窗口通过ipconfig获取ip告知对方)。Vite在默认情况下，为了安全起见，只会监听localhost上的请求，
Network: use `--host` to expose
weixin_53561783的博客
09-21 548
to expose 同事不能通过本地IP地址访问项目。vite 启动项目提示 Network: use。
使用vite创建vue3(解决 Network：use --host to expose)
weixin_47509924的博客
01-24 1459
使用vite创建vue3(解决 Network：use --host to expose)
Network: use --host to expose
热门推荐
桃李不言下自成蹊
09-16 3万+
Network: use --host to expose 没有将网络服务暴露在网络中 所以 无法使用 IP 地址访问 找到项目的 package.json中 在scripts 的 dev 中最后加入 --host 0.0.0.0
使用vite创建项目运行时Network提示‘use `--host` to expose’
weixin_43852569的博客
03-29 1912
使用vite创建项目运行时Network提示 “use --host to expose” 最近在使用vite创建项目，使用npm跑起来后发现，Network没有显示具体的地址，在Network那个地方会显示如下图所示的这句话： 这样的话，即使在同一个局域网内，其他人也无法访问到我这个页面，这个还是比较麻烦的； 后来我通过查阅资料发现，原来Network不显示地址是因为IP没有做配置，所以不能从IP启动，这样的话也就没有办法通过IP访问我的页面。 解决方法： 咱们看一下官网上给的配置信息： 这样一看，咱
vue3 Network: use `--host` to expose
sunnyboysix的博客
12-09 890
server: { host: "0.0.0.0" } import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' // https://vitejs.dev/config/ export default defineConfig({ plugins: [vue( )], server: { host: "0.0.0.0" } })
解决Network: use --host to expose，将项目暴露在网络中。
weixin_46028703的博客
01-23 2591
根目录下找到项目的文件，找到中的，将其值改为vite±-host+本机ip即可。效果：tips:如何查看本机ip?后输入弹出控制台，在控制台输入即可得到ip地址，红框里的就是需要的ip地址或许你希望两个都出现，见法二。
Vite启动后提示Network: use `--host` to expose
团酱
03-13 346
在vite.config.js文件中添加以下代码。
vite启动后提示“Network: use `--host` to expose“，且无法通过网络IP访问服务
weixin_48379719的博客
11-01 958
vite启动后提示“Network: use `--host` to expose“，且无法通过网络IP访问服务
vite创建的vue工程Network: use --host to expose,如何设置可以让外网访问
05-25
在vite创建的vue工程中，可以通过设置`--host`参数来让外网访问。具体步骤如下： 1. 打开终端，进入你的vue工程目录。 2. 输入以下命令启动本地服务： ``` npm run dev -- --host your_ip_address ``` 其中...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值