前端访问本地IP加端口无法访问【127.0.0.1可以访问】

最新推荐文章于 2024-08-15 17:32:40 发布
最新推荐文章于 2024-08-15 17:32:40 发布
阅读量1k 收藏 10
点赞数 4
分类专栏： 前端 文章标签： 前端 javascript vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45780837/article/details/135547475
版权

前端访问本地IP加端口无法访问【127.0.0.1可以访问】

修改vue.config.js中的devServer

后端其实也会有可能造成这个问题，只是现在框架都做了相应的处理
原因：应该是映射网关造成的问题
解决方式：将127.0.0.1修改成0.0.0.0

devServer: {
    host: '0.0.0.0', //将127.0.0.1修改成0.0.0.0
    port: port,
    open: true,
    overlay: {
      warnings: false,
      errors: true
    },
Anbping
关注
专栏目录
当Vue项目启动后，通过IP地址方式在相同网络段的其他电脑上无法访问前端页面？
舒一笑的博客
02-26 1841
默认情况下，许多开发服务器（如Vue CLI的）只监听localhost（127.0.0.1），这意味着它们只能接受来自本机的连接。为了使其能够接受来自网络上其他设备的连接，需要配置服务以监听所有网络接口（0.0.0.0）。：Windows或其他操作系统的防火墙可能阻止了对应用程序使用的端口的访问。如果服务正在运行，但其他设备无法连接，可能需要配置防火墙以允许外部设备访问该端口。：确保所有设备都连接到同一网络，并且没有子网或VPN配置阻止它们之间的通信。
vue-cli项目无法用本机IP访问的解决方法
10-17
今天小编就为大家分享一篇vue-cli项目无法用本机IP访问的解决方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
解决本地启动项目，用IP地址访问失败问题
samll_redhat的博客
05-07 293
解决本地启动项目，用IP地址访问失败问题
用localhost：port可以访问，使用本机ip192.168.0.138：port显示 已拒绝连接。Kestrel
cn_514的博客
08-15 625
用localhost可以访问，但用本机 IP时被拒绝连接
网站localhost和127.0.0.1可以访问，本地ip不可访问解决方案
justhere_的博客
05-08 1万+
部署了一个网站, 使用localhost和127.0.0.1加端口号可以访问, 但是使用本机的ip地址加端口号却不行. 原因可能有多种.如果是具体的代码, 修改绑定地址通常涉及更改程序的源代码、配置文件或启动脚本中的网络监听设置，以指定程序应该监听的IP地址和端口号。首先要确认是否localhost对应的端口是通的(直接网址访问), 以及你无法访问的那个本机ip是否正确(使用ping测试)；验证程序是否正确绑定。个人实践下来, 把防火墙全部关闭后不用再配置具体的规则, 如果还是不行那说明不是这个原因了.
项目正常启动本地IP无法访问，127.0.0.1可以访问——记一次演示环境瘫痪处理
夕行列车的重新修炼之路
04-15 3623
事件起因——多台演示环境服务器（Windows Server2016）通过域名从正常访问变为无法访问 首先排查寻找问题原因： 1.登录服务器检查nginx与服务皆正常，并通过127.0.0.1访问正常 2.网络：通过公司内网，公网设置代理与手机端流量皆不可访问，排除网络原因 3.域名解析：联系公司信息中心检查域名解析是否正常——正常 4.登录服务器通过多次尝试后发现通过127.0.0.1与loca...
127.0.0.1:8080可以访问但是用本机ip就无法访问
热门推荐
大圣即大盗
07-18 3万+
因为项目中把默认端口写成127.0.0.1，127.0.0.1这个端口很特殊，属于本地回环地址（Loop back address），有时候会导致回环，用ip就访问不到。需要把这个127.0.0.1设置成0.0.0.0，这样就可以避免无法访问该端口。...
iis网站localhost(127.0.0.1)可以访问，使用本机局域网IP(192.168.4.*)不能访问
MingYuan_Zero的博客
12-17 1万+
在项目服务器上，用IIS发布网站之后，使用地址 http://localhost:10022/可以正常访问，换成http://127.0.0.1:10022/也可以正常访问，但把localhost改成服务器IP地址 http://192.168.4.64:10022/，却显示无法打开此地址。
【Angular2】运行的项目，用localhost或者127.0.0.1可以访问，本机IP就不能访问——解决办法
jiangxinyu50的博客
09-19 6038
【Angular2】运行的项目，用localhost或者127.0.0.1可以访问，本机IP就不能访问——解决办法目录问题解决办法 目录 问题 用Angular2运行的项目，用localhost或者127.0.0.1可以访问，本机ip就不能访问。 一开始还以为是防火墙或者账号权限什么的对此进行了限制，不能访问。结果，关闭了防火墙，打开了权限，一样没有用。 后来，就到网上各种查啊，搜索啊，结果还是不...
webpack本地开发环境无法用IP访问的解决方法
11-28
总的来说，通过修改webpack的devServer配置，设置`host`为`0.0.0.0`，我们可以解决本地开发环境无法通过IP访问的问题，从而实现跨设备的预览和调试。这种方法在团队协作或者需要远程展示项目时非常有用。不过，记得...
完美解决通过IP地址访问VUE项目的问题
10-15
在开发Vue项目时，我们通常使用`localhost`或者`127.0.0.1`来运行项目，但这只允许我们在本地环境进行测试。如果需要让其他设备（如手机或另一台电脑）访问我们的Vue应用，我们就需要通过IP地址来访问。本文将详细...
Vue3使用vite配置前端服务IP、端口、跨域代理、访问资源路径前缀
m0_67402096的博客
03-09 1954
Vue3配置代理跨域(使用vite.config.js文件配置 vue3发布有一段时间了，其中vite的启动速度是真的快。 现在配置跨域和服务端口等配置，可以在vite.config.js进行配置。(类似使用vue-cli的vue.config.js） vite.config.js 配置文件 vite的详细配置 import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' const { resolve } = req
Apache使用localhost可以访问但使用本机IP(局域网)不能访问
瀚海一漂
05-25 1781
源地址:http://blog.163.com/pyh_2010/blog/static/1731328102014327893347/ Apache 使用localhost(127.0.0.1)可以访问，使用本机IP(局域网)不能访问 ，为什么本机ip地址不能访问localhost，wampserver 用ip访问不了 本机ip是:192.168.1.25,输入后提示：
Apache 使用localhost(127.0.0.1)可以访问，使用本机IP(局域网)不能访问
weixin_30861797的博客
02-14 422
本机ip是:192.168.1.25,输入后提示： Forbidden You don't have permission to access / on this server 对于此问题的解决办法，打开apache安装路径中的http.conf（有些是httpd.conf）文件，(如果找不到就搜索http.conf，或者httpd.conf) 找打以下内容 #onlineoffl...
Springboot 启动后127.0.0.1可以访问，本机实际IP访问不到服务解决方案（win10 ）
dongchenghe的博客
05-04 9171
这里写自定义目录标题win10 Springboot 启动后127.0.0.1可以访问，本机实际IP访问不到服务解决方案 win10 Springboot 启动后127.0.0.1可以访问，本机实际IP访问不到服务解决方案 最近在idea中使用eureka搭建SpringCloud项目，后续发现的服务怎么也访问不了，检查发现注册进去的是本机IP而不是127.0.0.1,而本机IP是无法访问的，12...
localhost和127.0.0.1可以访问IIS网站,但IP地址不能访问的解决方法
cecil323的专栏
09-22 8911
80端口被防火墙封了,只须在防火墙访问规则里添加80端口即可~~
localhost和127.0.0.1都可以访问项目，但是本地的外网IP不能访问
keyboard专栏
10-07 4102
打开系统设置，进行忽略主机设置，把本地的地址加上去。使用curl -i 测试。再次访问，可以正常的返回。可以看出走的是系统代理。
Apache 使用localhost(127.0.01 )可以访问，但是使用本机IP（局域网）不能访问的解决办法
huminghai的专栏
11-25 2200
<br />这个问题，的解决办法就是打开http.conf. <br />找到如下文件:Java代码 #   onlineoffline tag - don't remove       Order Deny,Allow       Deny from all       Allow from 127.0.0.1      Allow from 192.168.1.*   </Directory>  # onlineoffline tag - don't remove Order Deny,A
vue项目中，npm run dev启动后把127.0.0.1或是localhost地址改成本地ip地址不生效的原因
今天也要加油呀
04-22 9429
目的是想在手机上同网测试下项目； 检查了防火墙，与配置了host文件都不生效 后面修改了webpack config/index.js 文件内host修改为对应的网络ip地址就可以了 ...
我的前端访问地址是127.0.0.1：80，现在我想将这个地址改为114.23.231.1：80，应该怎么改
最新发布
09-20
如果你的前端应用已经部署到127.0.0.1:80，那么这是本地主机的地址，用于开发测试，并不适合外部网络访问。如果你想将应用的对外访问地址从localhost变为IP地址114.23.231.1:80，这通常是服务器配置的问题。 如果你正在使用Node.js、Express等后端框架，你可以在对应的server.js或app.js文件中设置静态文件服务。例如，在Express中，可以这样修改： ```javascript const express = require('express'); const app = express(); const port = process.env.PORT || 80; // 确保检查环境变量是否有指定新的端口 app.use(express.static('public')); // 如果你的静态资源在'app'目录下 app.listen(port, () => { console.log(`Server running at http://${process.env.IP}:${port}`); }); ``` 在这里，你需要把`process.env.IP`替换为`114.23.231.1`，并且确保`process.env.PORT`已经被设置为114，或者如果没有设置，默认值为80。 如果你的应用是基于Web服务器，如Apache或Nginx，你需要在配置文件中更改监听地址和端口，具体位置取决于你的服务器设置。一般来说，Apache的`Listen`指令，或者Nginx的`server`块中的`listen`或`location`部分。 记住，外部网络访问需要对应服务器的防火墙规则允许，并且确保目标IP确实属于该服务器。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值