vue项目访问的时候，用localhost能访问，但是用本机ip就不能访问 的解决办法，亲测有效

最新推荐文章于 2024-05-08 14:32:38 发布
最新推荐文章于 2024-05-08 14:32:38 发布
阅读量8.8k 收藏 3
点赞数 2
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/CS13477062349/article/details/92768322
版权

vue项目搭建好后，用localhost:8080  访问的时候，能够访问页面。

但是用本机ip:8080访问页面的时候失败

这时在config/index.html中修改dev下的host为：0.0.0.0就可以了。

有头发的光头强
关注
  • 2
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
vue init webpack myproject构建项目 ip不能访问的解决方法
11-28
问题 vue init webpack myproject构建项目 使用localhost 或者127.0.0.1 均可以正常访问，但是切换到本地ip就不行了 解决方式 在 webpack.dev.conf.js 追加以下代码 const HOST = process.env.HOST || '0.0.0.0'; 重新启动 npm run dev 重新打开即可 以上这篇vue init webpack myproject构建项目 ip不能访问的解决方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持软件开发网。
完美解决通过IP地址访问VUE项目的问题
10-15
在开发Vue项目时，我们通常使用`localhost`或者`127.0.0.1`来运行项目，但这只允许我们在本地环境进行测试。如果需要让其他设备（如手机或另一台电脑）访问我们的Vue应用，我们就需要通过IP地址来访问。本文将详细...
网站localhost和127.0.0.1可以访问，本地ip不可访问解决方案
justhere_的博客
05-08 4555
部署了一个网站, 使用localhost和127.0.0.1加端口号可以访问, 但是使用本机的ip地址加端口号却不行. 原因可能有多种.如果是具体的代码, 修改绑定地址通常涉及更改程序的源代码、配置文件或启动脚本中的网络监听设置，以指定程序应该监听的IP地址和端口号。首先要确认是否localhost对应的端口是通的(直接网址访问), 以及你无法访问的那个本机ip是否正确(使用ping测试)；验证程序是否正确绑定。个人实践下来, 把防火墙全部关闭后不用再配置具体的规则, 如果还是不行那说明不是这个原因了.
vue项目用ip不能访问，用localhost可以访问
Chris__wang的博客
10-14 4403
用vue开发项目的时候，发现用ip不能访问该项目，但是用localhost可以，可是防火墙都关了，而且ping ip也能ping通，后来网上查找原因发现是项目自身配置问题 看一下原来的配置 vue.config.js 启动后终端 修改后的 vue.config.js 启动后终端 ...
vue项目网页访问时，用localhost能访问，但是用本机ip就不能访问
丁哒哒的博客
03-06 6620
vue项目搭建好后，用localhost:8080 访问的时候，能够访问页面。但是用本机ip:8080访问页面的时候失败 只需要修改config/index.js中dev内的host为：0.0.0.0就可以了，如下图 ...
vue-cli搭建的项目中localhost能访问而ip不能访问的解决方法
如影随风
06-04 2947
只需要在config文件夹里面的index.js文件里面的module.exports下面的dev中的 host:'localhost' 改为 host:'0.0.0.0' ,就可以访问了。
Vue项目启动后不能用自己的ip访问
Town
12-11 2138
1.查找了很久才找到原因， 首先你的host文件中一定要有这行（还不知道host是什么的小伙伴请自行百度），然后检查你的vue配置， 这个是你Vue目录下，config目录下index.js中的host配置，原来localhost改为0.0.0.0即可。 ...
解决局域网内Vue 2x 版本下，项目启动后不能被外部IP访问
xinxiaoyong的博客
09-19 2819
1、序言： 现在在用Vue开发项目的小伙伴，有一些时候，想要在别人的电脑上访问自己的项目。其实也不难，4步让你轻松访问。 2、具体步骤如下： 2.1 修改config文件下的index.js配置文件： 将此处的host的值修改为0.0.0.0(即 host: 0.0.0.0) 2.2 Dos窗口下查看本机的ip地址： 通过ipconfig查看自己电脑的ip地址。 2.2...
vue项目使用localhost能访问使用ip地址却访问不了
weixin_40910109的博客
11-26 4334
修改本机的 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才能访问，本机IP不可以 ？
qq_33286757的博客
11-22 1781
当一台主机还没有被分配一个IP地址的时候，用于表示主机本身。（DHCP分配IP地址的时候）用作默认路由，表示”任意IPV4主机”。用来表示目标机器不可用。用作服务端，表示本机上的任意IPV4地址。网关地址 0.0.0.0 表示直连规则，即当前记录对应的 Destination 跟本机在同一个网段，通信 时不需要经过网关(路由器)。也就是说使用二层交换机通过MAC即可通信。命中容器的路由表直连规则，意思是目的IP是在局域网内，不用走到出口网关。
vue-cli起的webpack项目 用localhost可以访问，但是切换到ip就不可以访问
qq_26505167的博客
05-06 1099
我用的是vux起的一个项目（移动端，基于vue的），因为是移动端的，需要在手机上测试，发现用http://localhost:8081/访问的挺好的，但是换到ip就访问不了，期初我以为是代理的原因，将电脑的代理给关掉了。还是不行，然后改为127.0.0.1访问，发现可以访问，用0.0.0.0访问也可以，就是ip不行。然后就各种google，百度。别人家的方法---都试了好多，发现没效（有点怀疑人生，怀疑是不是我电脑的问题），但是结果就在这，ip就是不可以访问！！！！ 本着一个程序员的本能--不...
vue-cli项目无法用本机IP访问的解决方法
10-17
总的来说，解决Vue CLI项目无法通过本机IP访问的问题，主要是调整开发配置，使服务器监听所有网络接口。这一改动对于多设备预览和跨平台测试非常有用，同时也提醒我们在开发过程中要注意网络安全。
vue 本地服务不能被外部IP访问的完美解决方法
10-17
总的来说，通过修改`webpack-dev-server`的配置，我们可以轻松解决Vue本地服务不能被外部IP访问的问题。这种方法适用于开发者需要跨设备测试或协作的情况，但同时也需要注意安全问题。希望这篇文章对你有所帮助，...
vue项目通过本地IP地址访问，不是localhost
a5252145的博客
08-02 3044
vue项目通过本地IP地址访问，不是localhost 修改package.json中scripts属性，再dev属性下添加：--host 192.168.3.45即可。
qt练习控件label控件-lineEdit控件样例代码
最新发布
07-30
qt练习控件label控件-lineEdit控件样例代码
【JCR一区级】麻雀搜索算法SSA-CNN-LSTM-Attention故障诊断分类预测【含源码 5689期】.zip
07-30
CSDN海神之光上传的全部代码均可运行，亲测可用，直接替换数据即可，适合小白； 1、代码压缩包内容 主函数：Main .m； 数据； 调用函数：其他m文件；无需运行 运行结果效果图； 2、代码运行版本 Matlab 2019b；若运行有误，根据提示修改；若不会，可私信博主； 3、运行操作步骤 步骤一：将所有文件放到Matlab的当前文件夹中； 步骤二：双击打开除Main.m的其他m文件； 步骤三：点击运行，等程序运行完得到结果； 4、仿真咨询 如需其他服务，可私信博主或扫描博主博客文章底部QQ名片； 4.1 CSDN博客或资源的完整代码提供 4.2 期刊或参考文献复现 4.3 Matlab程序定制 4.4 科研合作 智能优化算法-CNN-LSTM-Attention分类系列程序定制或科研合作方向： 4.4.1 遗传算法GA/蚁群算法ACO-CNN-LSTM-Attention分类 4.4.2 粒子群算法PSO/蛙跳算法SFLA-CNN-LSTM-Attention分类 4.4.3 灰狼算法GWO/狼群算法WPA-CNN-LSTM-Attention分类 4.4.4 鲸鱼算法WOA/麻雀算法SSA-CNN-LSTM-Attention分类 4.4.5 萤火虫算法FA/差分算法DE-CNN-LSTM-Attention分类
详解MATLAB Simulink通信系统建模与仿真
07-30
第1 章 MATLAB 基础与通信系统仿真 1.1 MATLAB 简介 1.2 MATLAB 程序设计 1.3 通信系统仿真 第2 章 Simulink 仿真基础 2.1 Simulink 简介 2.2 Simulink 工作环境 2.3 Simulink 仿真的基本方法 2.4 创建自己的模块库 2.5 S-函数的编写 第3 章 通信信号与系统分析 3.1 离散信号和系统 3.2 Fourier 分析 3.3 带通信号的低通等效 3.4 随机信号分析 第4 章 信道 4.1 加性高斯白噪声信道 4.2 多径衰落信道 第5 章 模拟调制 5.1 幅度调制 5.2 角度调制 第6 章 数字基带传输 6.1 概述 6.2 二进制基带信号传输 6.3 基带PAM 信号传输 6.4 带限信道的信号传输 第7 章 数字信号载波传输 7.1 概述 7.2 载波幅度调制（PAM） 7.3 载波相位调制（PSK） 7.4 正交幅度调制（QAM） 7.5 载波频率调制（FSK） 第8 章 信道编码和交织 8.1 概述 8.2 线性分组码
SCI一区】淘金算法GRO-CNN-BiLSTM-Mutilhead-Attention多变量时序预测含源码 5642.zip
07-30
CSDN海神之光上传的全部代码均可运行，亲测可用，直接替换数据即可，适合小白； 1、代码压缩包内容 主函数：Main .m； 数据； 调用函数：其他m文件；无需运行 运行结果效果图； 2、代码运行版本 Matlab 2019b；若运行有误，根据提示修改；若不会，可私信博主； 3、运行操作步骤 步骤一：将所有文件放到Matlab的当前文件夹中； 步骤二：双击打开除Main.m的其他m文件； 步骤三：点击运行，等程序运行完得到结果； 4、仿真咨询 如需其他服务，可私信博主或扫描博主博客文章底部QQ名片； 4.1 CSDN博客或资源的完整代码提供 4.2 期刊或参考文献复现 4.3 Matlab程序定制 4.4 科研合作 智能优化算法-CNN-BiLSTM-Mutilhead-Attention回归预测系列程序定制或科研合作方向： 4.4.1 遗传算法GA/蚁群算法ACO-CNN-BiLSTM-Mutilhead-Attention回归预测 4.4.2 粒子群算法PSO/蛙跳算法SFLA-CNN-BiLSTM-Mutilhead-Attention回归预测 4.4.3 灰狼算法GWO/狼群算法WPA-CNN-BiLSTM-Mutilhead-Attention回归预测 4.4.4 鲸鱼算法WOA/麻雀算法SSA-CNN-BiLSTM-Mutilhead-Attention回归预测 4.4.5 萤火虫算法FA/差分算法DE-CNN-BiLSTM-Mutilhead-Attention回归预测
vue cli4 解决跨域问题后用localhost可以访问使用ip地址无法被解析导致请求路径出
11-03
在Vue CLI 4中解决跨域问题后，可以通过localhost访问接口，但使用IP地址无法被解析，导致请求路径出错的问题，可能是由于以下原因导致的： 1. 浏览器的同源策略：同源策略要求请求的协议、域名、端口均相同。使用localhost访问时，请求的协议、域名和端口均为相同的localhost，符合同源策略，因此能够正常访问接口；而使用IP地址访问时，与localhost的域名不同，不符合同源策略，浏览器会拦截请求。 2. API配置问题：可能在Vue项目中配置了跨域请求时，只允许localhost的请求通过，而将IP地址没有添加到允许列表中，导致请求路径出错。 解决此问题的方法如下： 1. 配置vue.config.js：在Vue项目的根目录下找到vue.config.js文件，如果没有则手动创建。在该文件中，添加devServer选项，设置proxy代理，将需要访问的API接口的域名和端口添加到proxy的target中，示例代码如下： ```javascript module.exports = { devServer: { proxy: { '/api': { target: 'http://localhost:8080', // 需要访问的API接口的域名和端口 ws: true, changeOrigin: true } } } }; ``` 2. 使用IP地址访问：在Vue项目中，使用IP地址访问API接口时，将请求路径改为相对路径，如`/api/getData`，而不是绝对路径`http://localhost:8080/api/getData`。这样配置后，不论使用localhost还是IP地址访问，请求都会通过proxy转发到正确的接口地址。 通过以上操作，可以解决在Vue CLI 4中使用IP地址访问接口无法解析导致请求路径出错的问题。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值