vite运行只能访问localhost解决办法(Network: use --host to expose)

最新推荐文章于 2024-07-15 02:46:19 发布
最新推荐文章于 2024-07-15 02:46:19 发布
阅读量2.6k 收藏 3
点赞数 6
分类专栏： 技术分享 文章标签： 前端 javascript vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_61570458/article/details/127068402
版权

1.当我们npm run dev/serve的时候，发现只有local地址

 2.只需要找到package.json文件，在相应的运行目标处添加‘ --host’，即可

 

  "scripts": {
    "dev": "vite --host",
  },

3.重新运行即可

 

前端小葛
关注
  • 6
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vite启动后提示“Network: use `--host` to expose“，且无法通过网络IP访问服务
2301_77415960的博客
11-24 1843
简单来说就是方便自己手机本地访问而查看的 Network地址。
Vite启动后提示“Network use `--host` to expose“，且无法通过网络IP访问服务
emgexgb_sef的博客
03-09 901
目录 起因 问题重现 问题原因 解决方法 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创建的项目的运行地址
YYTX_YS的博客
03-21 248
有时候vite创建的项目只有一个127.0.0的运行地址，修改一下配置就可以拿到使用IP运行的地址
Vue3项目解决运行时无NetWork地址的问题
最新发布
萌萌不会写代码~
07-15 912
vue3配置network，解决项目启动后其他人无法通过浏览器进行访问的问题
Vite 启动后提示 Network: use `--host` to expose，且无法通过IP访问服务
05-10 1165
当使用 Vite 构建项目后，需要访问服务调试时，发现通过 IP + 端口无法访问。官方文档说明不显示地址是因为 IP 没有做配置，所以不能使用 IP 访问本地的项目。
vite启动后提示“Network: use `--host` to expose“，且无法通过网络IP访问服务
weixin_48379719的博客
11-01 862
vite启动后提示“Network: use `--host` to expose“，且无法通过网络IP访问服务
Vite启动后提示Network: use `--host` to expose
valsedefleurs的博客
01-02 920
Vite启动后提示Network: use `--host` to expose
D:\workspace>vite create zf-vue (!) Could not auto-determine entry point from rollupOptions or html files and there are no explicit optimizeDeps.include patterns. Skipping dependency pre-bundling. VITE v4.3.9 ready in 345 ms ➜ Local: http://localhost:5173/ ➜ Network: use --host to expose ➜ press h to show help
06-06
这似乎是在使用 Vite 创建一个名为 "zf-vue" 的项目时出现的错误信息。错误提示中提到无法从 rollupOptions 或 html 文件中自动确定入口点，并且没有明确的 optimizeDeps.include 模式，因此跳过依赖预打包。如果您...
vite创建vue3项目怎么启动
09-12
VITE v4.3.4 ready in 324 ms ➜ Local: http://localhost:5173/ ➜ Network: use --host to expose ➜ press h to show help ``` 7. 现在你可以在浏览器中访问`http://localhost:5173/`来查看你的Vue 3应用程序...
Vite 启动默认只能访问localhost解决方法
SwBack的博客
11-18 982
事情的经过是因为我需要测试本地项目的接口,然后因为burp默认不抓取localhost,127.0.0.1 .而且我也不想去修改burp. 所以我通过本地IP地址访问项目, 发现项目无法访问。
使用vite创建项目运行时Network提示‘use `--host` to expose’
weixin_43852569的博客
03-29 1717
使用vite创建项目运行时Network提示 “use --host to expose” 最近在使用vite创建项目，使用npm跑起来后发现，Network没有显示具体的地址，在Network那个地方会显示如下图所示的这句话： 这样的话，即使在同一个局域网内，其他人也无法访问到我这个页面，这个还是比较麻烦的； 后来我通过查阅资料发现，原来Network不显示地址是因为IP没有做配置，所以不能从IP启动，这样的话也就没有办法通过IP访问我的页面。 解决方法： 咱们看一下官网上给的配置信息： 这样一看，咱
【Vite】解决项目启动控制台报“Network: use --host to expose”，他人也可访问项目
有事儿私信。
04-19 554
这样别人也能通过network地址访问你的项目了！因为项目没有配置IP，所以只能从本地启动，不能从IP启动。在 vite.config.ts配置host。
vite项目运行后只显示主机地址
小白的博客
10-13 241
vite项目运行后只显示主机地址的解决方法
Network:use `--host` to expose
一只想躺平却不敢躺平的小菜鸟
01-23 4437
vite创建项目 Network:use `--host` to expose
vite项目运行后是主机地址的解决方案
qq_48666244的博客
09-06 574
时，浏览器使用 DNS 来解析地址，这个地址可能与 Vite 正在监听的地址不同。当地址不一致时，Vite 会打印出来。Node.js 在 v17 以下版本中默认会对 DNS 解析地址的结果进行重新排序。开发服务器选项 | Vite 官方中文文档 (vitejs.cn)这是因为侦听非通配符主机的服务器优先于侦听通配符主机的服务器。来禁用这个重新排序的行为。Vite 将会将改地址打印为。在某些情况下，可能响应的是其他服务器而不是 Vite。第二种情况是使用了通配主机地址（例如。
vite项目启动后用局域网不能访问
m0_55333789的博客
06-07 710
想要真正实现让不同的设备能够访问我们做的web时，就需要解决这个问题，localhost 替换成本机 ip 地址之后无法访问。就连用127.0.0.1都无法访问。尝试多次之后，最后证明只有使用localhost这种形式才可以。构建的Vue项目在一开始创建后，默认设置的是只能用localhost这种形式来访问。如果把localhost换成本主机的。.config.js文件中设置如下。ip地址之后页面无法访问了。
vite+vue3项目修改启动的端口号为localhost
骨子里的偏爱
06-25 539
vite+vue3项目修改启动的端口号为localhost
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值