vue项目使用localhost能访问使用ip地址却访问不了

最新推荐文章于 2023-12-25 17:32:08 发布
最新推荐文章于 2023-12-25 17:32:08 发布
阅读量4.3k 收藏 1
点赞数
文章标签： Vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_40910109/article/details/103258049
版权

修改本机的

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:8080还是不能访问

修改(添加)build\webpack.dev.conf.js

新版的webpack-dev-server出于安全考虑，默认检查域名，如果域名不是配置内的，将中断访问。

 然后就可以通过自己配置的域名访问本机的服务器了

weixin_40910109
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
完美解决通过IP地址访问VUE项目的问题
10-15
主要介绍了完美解决通过IP地址访问VUE项目的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue在手机中通过本机IP地址访问webApp的方法
10-18
在移动设备上通过本机IP地址访问Vue开发的Web应用程序是一种便捷的测试方法，可以使得开发者在不需要将应用部署到服务器上时，也能在真实的设备上预览应用。为了实现这一功能，需要做一系列配置和操作。以下详细说明...
解决Vue项目IP地址无法访问（localhost可以访问）的问题？
gaoyaqinglove的博客
08-06 4575
修改项目config目录下index.js文件的host为：0.0.0.0，然后重启服务，即可通过ip访问该项目
127.0.0.1和0.0.0.0地址的区别
power的专栏
11-19 830
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地址被...
vue项目访问的时候，用localhost能访问，但是用本机ip就不能访问 的解决办法，亲测有效
CS13477062349的博客
06-18 8860
vue项目搭建好后，用localhost:8080 访问的时候，能够访问页面。 但是用本机ip:8080访问页面的时候失败 这时在config/index.html中修改dev下的host为：0.0.0.0就可以了。 ...
vue项目中，localhost可以访问，IP无法访问的问题
weixin_30755393的博客
05-31 459
　　用http://localhost:8082/可以访问，但是换到ip就访问不了，127.0.0.1、0.0.0.0访问也可以，就ip不行 　　根源----在config里面的index.js里面的module.exports下面的dev下面的host:'localhost' 改为 host:'0.0.0.0'，重新编译，就可以访问了 转载于:https://www.cnblogs.com/w...
关于vue项目本地localhost可以正常访问项目，ip却无法访问项目的解决办法
博哥的二进制世界
09-21 4186
关于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 服务只能使用localhost，不可用本地IP访问解决
sweet__queen的博客
09-03 3690
方法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_42384844的博客
06-24 1265
vue项目调用后端用localhost成功，ip地址则后端接收不到 当需要写明ip+端口号，再调用后台时，配置如下可以实现： 1. .env/development文件 # just a flag ENV = 'development' #ip+端口号时需要设置 VUE_APP_BASE_API = '/dev-api' 2. vue.config.js文件 proxy: { // change xxx-api/login => mock/login // detail: https://
vue 本地服务不能被外部IP访问的完美解决方法
10-17
完成上述更改后，重新运行项目，现在应该可以通过局域网内的任何设备的IP地址访问你的Vue应用。例如，如果你的IP地址是`192.168.1.100`，那么其他设备可以通过`http://192.168.1.100:8080`访问你的应用。 此外，...
vue-cli项目无法用本机IP访问的解决方法
10-17
现在，你应该可以使用本机IP地址（例如，`http://192.168.x.x:8080`，实际IP地址取决于你的网络环境）在其他设备上访问和预览Vue应用。 需要注意的是，将`host`设置为`0.0.0.0`虽然方便了本地多设备预览，但也增加...
vue init webpack myproject构建项目 ip不能访问的解决方法
08-27
然而，有时在使用 `vue init webpack myproject` 构建的项目中，可能会遇到一个问题：当尝试通过本地 IP 访问（例如 192.168.x.x）项目时，页面无法正常加载，而使用 `localhost` 或 `127.0.0.1` 却能正常访问。...
vue项目用ip不能访问，用localhost可以访问
Chris__wang的博客
10-14 4486
用vue开发项目的时候，发现用ip不能访问该项目，但是用localhost可以，可是防火墙都关了，而且ping ip也能ping通，后来网上查找原因发现是项目自身配置问题 看一下原来的配置 vue.config.js 启动后终端 修改后的 vue.config.js 启动后终端 ...
vue-cli起的webpack项目 用localhost可以访问，但是切换到ip就不可以访问
qq_26505167的博客
05-06 1104
我用的是vux起的一个项目（移动端，基于vue的），因为是移动端的，需要在手机上测试，发现用http://localhost:8081/访问的挺好的，但是换到ip就访问不了，期初我以为是代理的原因，将电脑的代理给关掉了。还是不行，然后改为127.0.0.1访问，发现可以访问，用0.0.0.0访问也可以，就是ip不行。然后就各种google，百度。别人家的方法---都试了好多，发现没效（有点怀疑人生，怀疑是不是我电脑的问题），但是结果就在这，ip就是不可以访问！！！！ 本着一个程序员的本能--不...
Vue.js - 如何解决Vue项目IP地址无法访问的问题？
牧码的博客
08-06 3742
Vue脚手架vue-cli起的webpack项目，用localhost可以正常访问，切换到ip就提示无法访问此网站，下面是详细的介绍。 在编写项目时，有的时候localhost的链接是可以正常访问的，但是我们需要在其他设备上也访问到改地址，所以就需要ip地址进行访问了，但是ip访问提示我们无法访问此网站。 查看 config 文件夹下的 index.js 修改index.......
localhost可以访问，使用ip地址失败
热门推荐
PhilsphyPrgram的博客
01-08 1万+
场景:使用手机访问同一局域网内的电脑，无法访问的问题，前段使用的是vue的框架。 Vue的框架配置 在package.json中 "dev": "webpack-dev-server --host 0.0.0.0 --inline --progress --config build/webpack.dev.conf.js", –host 0.0.0.0 可以实现除了localhost之外，其他的ip地址也可以访问 ...
Vue本地项目实现其他局域网电脑在线访问
rainux
11-19 8487
Code Is Never Die ！ 项目在本地npm run dev跑起来，默认为http://localhost:8080在当前IP下访问没有问题，但是同一局域网下的其他同事却访问不了，显示ERR_CONTENT_LENGTH_MISMATCH，没有办法访问 同时直接通过同事电脑访问我的IPhttp://192.168.1.20:8080，也显示连接失败无法访问也无法访问成功。 看到网上的解决办法如下： 1.package.json中scripts的dev中最后加入--host 0.0.0.0
vue 项目/备案网页/ip网页打包成 apk 安装到平板/手机（含vue项目跨域代理打包成apk后无法访问接口的解决方案）
朝阳39的博客
12-25 1871
则在打包成 apk 后会无法访问接口，因为app无跨域限制，不能使用跨域代理，需使用访问接口的绝对路径，如：原接口 “/myAPI/dmis/login” 需改为 “http://43.140.200.74:8810/dmis/login” 才能使用。若是 vue 项目，则保留新建的 test 项目中的 manifest.json 文件，将其他文件全部删掉，将 vue 项目打包后的文件拷贝到 test 项目中，范例如下图。默认配置了很多模块，如扫码、相机相册等，没涉及时建议取消，可减小apk包的大小。
基于ASP.NET+MVC5+EF6开发企业网站.zip
最新发布
08-22
项目工程资源经过严格测试可直接运行成功且功能正常的情况才上传，可轻松copy复刻，拿到资料包后可轻松复现出一样的项目，本人系统开发经验充足（全栈开发），有任何使用问题欢迎随时与我联系，我会及时为您解惑，提供帮助 【资源内容】：项目具体内容可查看/点击本页面下方的*资源详情*，包含完整源码+工程文件+说明（若有）等。【若无VIP，此资源可私信获取】 【本人专注IT领域】：有任何使用问题欢迎随时与我联系，我会及时解答，第一时间为您提供帮助 【附带帮助】：若还需要相关开发工具、学习资料等，我会提供帮助，提供资料，鼓励学习进步 【适合场景】：相关项目设计中，皆可应用在项目开发、毕业设计、课程设计、期末/期中/大作业、工程实训、大创等学科竞赛比赛、初期项目立项、学习/练手等方面中 可借鉴此优质项目实现复刻，也可基于此项目来扩展开发出更多功能 #注 1. 本资源仅用于开源学习和技术交流。不可商用等，一切后果由使用者承担 2. 部分字体及插图等来自网络，若是侵权请联系删除，本人不对所涉及的版权问题或内容负法律责任。收取的费用仅用于整理和收集资料耗费时间的酬劳 3. 积分资源不提供使用问题指导/解答
vue cli4 解决跨域问题后用localhost可以访问使用ip地址无法被解析导致请求路径出
11-03
在Vue CLI 4中解决跨域问题后，可以通过localhost访问接口，但使用IP地址无法被解析，导致请求路径出错的问题，可能是由于以下原因导致的： 1. 浏览器的同源策略：同源策略要求请求的协议、域名、端口均相同。使用...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值