Network: use --host to expose

已于 2023-12-08 11:04:57 修改
阅读量806 收藏 11
点赞数 10
分类专栏： vite 文章标签： vue.js 前端框架
于 2023-12-08 10:52:36 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/CSDN_GongJun/article/details/134871966
版权
本文介绍了如何在Vite项目中修改`package.json`的`scripts`部分，以允许通过IP地址或本地localhost访问开发服务器。提供两种方法：一是使用默认主机，二是指定特定IP地址。

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

vite启动项目时默认不开启ip，当需要通过 ip/其他设备 访问项目时，则要开放网络(ip)

Network: use --host to expose

在项目根目录下的package.json文件下，修改scripts脚本 "dev": "vite", 加上参数 "--host"（自动为本机ip）：通过ip和localhost都可访问

"scripts": {
    "dev": "vite --host", //开启本机ip访问
  },

效果如下：

或使用参数 "--host 本机ip地址" (指定以ip地址访问，localhost访问失效)

Tips: "vite --host 0.0.0.0"  === "vite --host"

"scripts": {
    "dev": "vite --host 10.1.12.80", //仅限本机ip 10.1.12.80:端口号（默认5173） 访问localhost:端口号访问会失败
  },

效果如下：

Network:use `--host` to expose
一只想躺平却不敢躺平的小菜鸟
01-23 7323
vite创建项目 Network:use `--host` to expose
使用vite创建vue3(解决 Network：use --host to expose)
weixin_47509924的博客
01-24 1406
使用vite创建vue3(解决 Network：use --host to expose)
Vite启动后提示“Network: use `--host` to expose“，且无法通过网络IP访问服务
热门推荐
勇敢阿呆的部落阁
07-21 4万+
目录 起因 问题重现 问题原因 解决方法 1. 修改 vite.config.js 配置 2. 通过 Vite CLI 配置 3. 修改 npm 脚本 起因 当使用 Vite 构建项目后，需要通过局域网中的电脑或手机访问服务调试时，发现通过 IP + 端口无法访问。 问题重现 当运行 npm run dev | serve 命令时，会显示一下内容。 > vite-vue@0.0.0 serve /Users/UserName/Workspace/vue-vite > vite |
Vite启动后提示Network: use `--host` to expose
团酱
03-13 296
在vite.config.js文件中添加以下代码。
Network: use `--host` to expose
ZhouHuiCSDN
07-13 1万+
Network: use `--host` to expose
network: use --host to expose
最新发布
03-26
### 使用 `--host` 参数在网络中暴露服务 在 Java 中，可以通过指定主机名来绑定网络服务到特定的地址。例如，在使用 `InetAddress` 类时可以设置具体的主机名称或 IP 地址[^1]： ```java try { InetAddress ...
解决Network: use --host to expose
weixin_43503406的博客
11-19 2225
当在本地开发环境中运行项目时只允许本机通过此地址在浏览器中预览或调试项目，别人是不能通过localhost来访问项目。项目在局域网络环境中运行的地址，对应项目运行电脑的ip或者域名。在局域网中，别人可以通过ip地址和端口号来访问项目；项目部署在服务器上，别人可以使用服务器ip或者域名来访问项目。导致同一局域网中的其他人想要通过ip和端口号访问本地的项目不是很方便（除了命令提示符窗口通过ipconfig获取ip告知对方)。Vite在默认情况下，为了安全起见，只会监听localhost上的请求，
解决Network: use --host to expose，将项目暴露在网络中。
weixin_46028703的博客
01-23 2477
根目录下找到项目的文件，找到中的，将其值改为vite±-host+本机ip即可。效果：tips:如何查看本机ip?后输入弹出控制台，在控制台输入即可得到ip地址，红框里的就是需要的ip地址或许你希望两个都出现，见法二。
Vite 启动后提示 Network: use `--host` to expose，且无法通过IP访问服务
05-10 1934
当使用 Vite 构建项目后，需要访问服务调试时，发现通过 IP + 端口无法访问。官方文档说明不显示地址是因为 IP 没有做配置，所以不能使用 IP 访问本地的项目。
使用vite创建项目运行时Network提示‘use `--host` to expose’
weixin_43852569的博客
03-29 1883
使用vite创建项目运行时Network提示 “use --host to expose” 最近在使用vite创建项目，使用npm跑起来后发现，Network没有显示具体的地址，在Network那个地方会显示如下图所示的这句话： 这样的话，即使在同一个局域网内，其他人也无法访问到我这个页面，这个还是比较麻烦的； 后来我通过查阅资料发现，原来Network不显示地址是因为IP没有做配置，所以不能从IP启动，这样的话也就没有办法通过IP访问我的页面。 解决方法： 咱们看一下官网上给的配置信息： 这样一看，咱
vue3 Network: use `--host` to expose
sunnyboysix的博客
12-09 884
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" } })
mac Network: use --host to expose
weixin_46600931的博客
06-05 576
本地启动无法访问，这个不是权限问题是mac 主机端口安全策略，现在我们只需要开启端口自动检测就可以。"dev": "vite --mode dev.serve", 加上--host。1、请在 vite.config.js。1、请在 package.json。
Vue3 - 解决项目启动后浏览器无法访问问题（Network: use --host to expose）
最是人间留不住，朱颜辞镜花辞树。
03-10 8904
（4）使用浏览器访问“http://localhost:5173”无法打开页面，提示“无法访问此网站localhost 拒绝了我们的连接请求。根据“Network: use --host to expose”提示，要求服务使用 host 来进行暴露，即要将服务暴露成“IP + 端口号”进行访问。（1）首先修改 package.json 文件，将启动项中的 dev 和 serve 增加 --host 参数。（3）上述命令执行后，控制台显示“Network: use --host to expose”
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值