vue打包的项目只能localhost才能访问，本机IP访问不到

于 2025-01-06 11:34:51 发布
阅读量329 收藏
点赞数 3
文章标签： vue.js tcp/ip 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/u010609022/article/details/144960013
版权

 在config/index.js,把host:'localhost'改为host:'0.0.0.0',重新编译即可

ip 0.0.0.0 是什么意思

IPV4中，0.0.0.0地址被用于表示一个无效的，未知的或者不可用的目标。

浅谈vue项目,访问路径#号的问题
10-14
此外，如果你的Vue项目在本地开发时需要同时通过localhost和IP地址访问，你可以在`index.js`配置文件中修改`host`属性，将其设置为你本机的IP地址： ```javascript host: '192.168.X.XX', // replace X's with your...
vue init webpack myproject构建项目 ip不能访问的解决方法
08-27
4. 使用本地 IP 地址访问项目，问题应已解决。 希望这个解答对你理解 Vue.js、Webpack 配置以及解决本地访问问题有所帮助。如果你在实际操作中遇到任何困难或者有其他相关问题，欢迎继续探讨。
vue 服务只能使用localhost，不可用本地IP访问解决
sweet__queen的博客
09-03 4167
方法1.(1)修改index文件的host值，将localhost换成0.0.0.0,此时访问是0.0.0.0：80xx (2) 可在build/webpack.dev.conf.js中找到 devServer：--添加 useLocalIp:true, 方法2.package.json中 scripts： dev：最后添加 --host 0.0.0.0 原因： webpack-dev-server 配置 host 时，默认是localhost。如果想被外部访问，需要 ...
vue项目使用localhost能访问使用ip地址却访问不了
weixin_40910109的博客
11-26 4628
修改本机的 C:\Windows\System32\drivers\etc\hosts 域名映射 Vue项目可以使用localhost:8080可以访问的，但是修改域名映射之后mytaobao.com:8080不能访问 使用本机ip:8080也不能访问 修改config/index.js为 host: '0.0.0.0'可以使用ip:8080访问本项目了 但是mytaobao:...
vue项目只能本地localhost访问网页，手机访问不了网页的问题
qq_30424359的博客
07-31 3605
webstorm,npm run dev 只显示本地访问地址 想要手机访问需更改设置 重新npm run dev 完美解决问题
VUE_nuxt启动只能通过localhost访问，ip访问不到:问题解决
最新发布
小歪博客
03-08 995
VUE_Nuxt启动只能通过localhost访问，ip访问不到:问题解决
127.0.0.1和0.0.0.0地址的区别
power的专栏
11-19 892
https://blog.csdn.net/u012814696/article/details/55098249 接下来我们来看之前问过的问题：127.0.0.1和0.0.0.0地址的区别是什么？ 我们先来看下共同点： 1. 都属于特殊地址。 2. 都属于A类地址。 3. 都是IPV4地址。 接下来我们分别看下这两个地址： 2.1 0.0.0.0 IPV4中，0.0.0.0地址被...
Vue3项目打包后部署到服务器 请求不到后台接口解决方法
11-20
本地开发没问题能正常请求到接口，部署后页面也能展示出来就是接口的数据请求不到 network一看是这么个情况 对比了本地的页面 可以发现是remote address出了问题。 经过查询得知：Remote Address代表的是当前HTTP...
解决vue打包项目后刷新404的问题
11-26
在Vue.js应用开发中，当我们使用`npm run build`命令将...总的来说，解决Vue打包项目后刷新出现404问题的关键在于正确配置Nginx，让其能够理解SPA的路由机制，并将所有请求转发到`index.html`，由前端处理路由跳转。
解决：vue启动成功后只能用localhost访问，使用ip就不得行的问题。
Handsome2013的博客
04-29 9047
解决：vue启动成功后只能用localhost访问，使用ip就不得行的问题。 修改一点配置就可以了：将config/index.js中的host:'localhost',修改为：host:'0.0.0.0' 修改后启动，就可以使用localhost和ip均可以访问vue界面。 ...
Vue.js - 如何解决Vue项目IP地址无法访问的问题？
陆克和他的那些代码
08-06 3850
Vue脚手架vue-cli起的webpack项目，用localhost可以正常访问，切换到ip就提示无法访问此网站，下面是详细的介绍。 在编写项目时，有的时候localhost的链接是可以正常访问的，但是我们需要在其他设备上也访问到改地址，所以就需要ip地址进行访问了，但是ip访问提示我们无法访问此网站。 查看 config 文件夹下的 index.js 修改index.......
关于vue项目本地localhost可以正常访问项目，ip却无法访问项目的解决办法
博哥的二进制世界
09-21 4759
关于vue项目本地localhost可以正常访问项目，ip却无法访问项目的解决办法 在进行本地页面调试的时候，地址栏可以输入两种地址来访问页面 http://localhost:8080 http://192.168.97.15:8080 但是此时碰到了一个问题，即http://localhost:8080可以访问页面，但是 http://192.168.97.15:8080却无法访问页面 首先以为是防火墙的问题，当关闭了防火墙，问题并未解决 之后，修改vue项目中config目录中index.js，将
关于可以通过本地访问前端vue项目，不能通过ip访问的问题
upStar1的博客
07-26 5414
和后端联调，后端要看我的前端页面，输入我的ip和端口，发现访问不了。搜了一下问题，是需要打开项目中config目录中index.js，将dev中的host由localhost修改为0.0.0.0。
vue项目只能通过localhost和127.0.0.1访问
weixin_43728276的博客
04-22 3600
Q：使用npm run dev启动vue项目后，在本机使用localhost和127.0.0.1正常访问，使用却无法访问。 A: 在项目的配置文件中，设置了local host访问，将config/index.js下的host改为’0.0.0.0’即可
vite运行只能访问localhost解决办法(Network: use --host to expose)
weixin_61570458的博客
09-27 3692
【代码】vite运行只能访问localhost解决办法(Network: use --host to expose)
解决Vue项目IP地址无法访问（localhost可以访问）的问题？
gaoyaqinglove的博客
08-06 5716
修改项目config目录下index.js文件的host为：0.0.0.0，然后重启服务，即可通过ip访问该项目
vue项目访问的时候，用localhost能访问，但是用本机ip就不能访问 的解决办法，亲测有效
CS13477062349的博客
06-18 8995
vue项目搭建好后，用localhost:8080 访问的时候，能够访问页面。 但是用本机ip:8080访问页面的时候失败 这时在config/index.html中修改dev下的host为：0.0.0.0就可以了。 ...
vue把localhost改成ip地址无法访问—解决方法
Jovan的博客
04-02 2756
开发Vue spa 商城进行真机测试的时候，原本在/config下的index.js/host 'use strict' // Template version: 1.3.1 // see http://vuejs-templates.github.io/webpack for documentation. const path = require('path') module.expor...
vue项目用ip不能访问，用localhost可以访问
Chris__wang的博客
10-14 4746
用vue开发项目的时候，发现用ip不能访问该项目，但是用localhost可以，可是防火墙都关了，而且ping ip也能ping通，后来网上查找原因发现是项目自身配置问题 看一下原来的配置 vue.config.js 启动后终端 修改后的 vue.config.js 启动后终端 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值