vue项目用ip不能访问，用localhost可以访问

最新推荐文章于 2024-06-24 11:03:14 发布
最新推荐文章于 2024-06-24 11:03:14 发布
阅读量4.4k 收藏 4
点赞数 4
分类专栏： 个人总结 文章标签： vue项目ip访问 ip ip地址访问不了
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Chris__wang/article/details/102545325
版权

用vue开发项目的时候，发现用ip不能访问该项目，但是用localhost可以，可是防火墙都关了，而且ping ip也能ping通，后来网上查找原因发现是项目自身配置问题

看一下原来的配置    vue.config.js

启动后终端

修改后的    vue.config.js

启动后终端

Chris__Wang
关注
  • 4
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
oracle 11g localhost可以访问，ip不能访问解决方法
12-13
ORACLE 11G 安装后只能localhost 访问本机，不能用IP地址被访问。在监听文件 listener.ora 中加入如下： (SID_DESC = (GLOBAL_DBNAME = orcl01) (ORACLE_HOME = C:\app\Administrator\product\11.2.0\dbhome_1) (SID_NAME = orcl01) )
完美解决通过IP地址访问VUE项目的问题
10-15
在开发Vue项目时，我们通常使用`localhost`或者`127.0.0.1`来运行项目，但这只允许我们在本地环境进行测试。如果需要让其他设备（如手机或另一台电脑）访问我们的Vue应用，我们就需要通过IP地址来访问。本文将详细...
vue项目中，localhost可以访问，IP无法访问的问题
weixin_30755393的博客
05-31 449
　　用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...
局域网内vue2 3 配置本地IP地址访问项目
最新发布
m0_68716504的博客
06-24 723
/在这句代码后面添加 --host 0.0.0.0" 如下messages: [ //下面两个地方，直接复制即可` - Local: http://localhost:${port}`, //配置这里` - Network: http://${require('ip').address()}:${port}`,//配置这里],},?}))
解决Vue项目IP地址无法访问（localhost可以访问）的问题？
gaoyaqinglove的博客
08-06 4498
修改项目config目录下index.js文件的host为：0.0.0.0，然后重启服务，即可通过ip访问该项目
vue 访问不到主页 项目启动_vue-cli启动本地服务局域网不能访问的原因分析
weixin_39595008的博客
12-22 1253
1.问题描述：本地vue-cli启动了一个项目只能通过localhost:8080访问到，同一局域网下其他的手机和电脑并不能通过ip地址访问调试，2.原因：vue-cli项目是通过命令行一键生成的，配置文件中默认生成的是本地调试模式，默认访问地址是localhost:端口号3.改正的方式找到config文件夹下的index.js文件,修改host:“localhost”为 host:"0.0.0....
Vue.js - 如何解决Vue项目IP地址无法访问的问题？
牧码的博客
08-06 3731
Vue脚手架vue-cli起的webpack项目，用localhost可以正常访问，切换到ip就提示无法访问此网站，下面是详细的介绍。 在编写项目时，有的时候localhost的链接是可以正常访问的，但是我们需要在其他设备上也访问到改地址，所以就需要ip地址进行访问了，但是ip访问提示我们无法访问此网站。 查看 config 文件夹下的 index.js 修改index.......
问题：vue项目不能同通过ip访问
杨咩咩
07-15 612
本地vue项目，只能通过http://localhost:8080/#/访问，不能通过IP地址访问 修改package.json,加 --host 0.0.0.0,然后重启项目
vue 本地服务不能被外部IP访问的完美解决方法
10-17
总的来说，通过修改`webpack-dev-server`的配置，我们可以轻松解决Vue本地服务不能被外部IP访问的问题。这种方法适用于开发者需要跨设备测试或协作的情况，但同时也需要注意安全问题。希望这篇文章对你有所帮助，...
vue-cli项目无法用本机IP访问的解决方法
10-17
总的来说，解决Vue CLI项目无法通过本机IP访问的问题，主要是调整开发配置，使服务器监听所有网络接口。这一改动对于多设备预览和跨平台测试非常有用，同时也提醒我们在开发过程中要注意网络安全。
vue init webpack myproject构建项目 ip不能访问的解决方法
08-27
然而，有时在使用 `vue init webpack myproject` 构建的项目中，可能会遇到一个问题：当尝试通过本地 IP 访问（例如 192.168.x.x）项目时，页面无法正常加载，而使用 `localhost` 或 `127.0.0.1` 却能正常访问。...
WIN7下网站用localhost可以访问改为ip不可访问如何解决
01-10
iis发布的网站用localhost可以访问，改成IP就无法访问如何解决？具体操作步骤为： 1、打开控制面板，找到Windows防火墙打开 2、找到高级设置打开 3、找到入站规则下的新建规则 4、跟着新建规则向导，选择端口->TCP->输入特定端口80->允许链接->设置可访问的网络类型（可全选）->输入名称（如HTTP）->完成
iis服务web页面 localhost可以访问 ip不能访问
zhou13528482267的博客
08-24 1669
1、修改C:\Windows\System32\drivers\etc\下面hosts文件；需要重启电脑查看效果；2、通过internet选项-》安全-》站点-》添加对应http://127.0.0.1和对应电能IP；
解决：vue启动成功后只能用localhost访问，使用ip就不得行的问题。
Handsome2013的博客
04-29 8361
解决：vue启动成功后只能用localhost访问，使用ip就不得行的问题。 修改一点配置就可以了：将config/index.js中的host:'localhost',修改为：host:'0.0.0.0' 修改后启动，就可以使用localhost和ip均可以访问vue界面。 ...
vue3 无法通过局域网访问Network 项目IP地址 无法通过IP访问项目
qq_47247479的博客
04-03 1080
vue3 无法通过局域网访问Network 项目IP地址 无法通过IP访问项目
vue 启动没有不支持ip，只能localhost
fivestar2009的博客
10-01 643
vue 启动没有不支持ip，只能localhost
解决Windows服务器localhost可以访问，IP无法访问的问题
热门推荐
mojocube的博客
10-09 3万+
网上很多方法，诸如防火墙、入站规则什么的，当然这些都需要设置，但是发现很多朋友设置了仍然无法用IP访问网站的情况，可以看看IP安全策略是否有限制。运行>secpol.msc>IP安全策略： 取消打钩，点“应用”，重新用浏览器打开IP就可以访问了。 ...
在tomcat中发布项目时，用IP地址不能访问项目而用localhost时可以访问成功
nana_qq的专栏
02-04 4435
最近在开发项目中，遇到的一个问题是： 在 tomcat中发布一个web项目，但是发布成功后，只能用http://localhost:8080/fm访问项目，不能用 http://127.0.0.1:8080/fm访问项目，也不能用本地的IP地址访问（http://192.16/8.0.191:8080/fm） 起初认为是防火墙的原因，但是防火墙是关闭的，应该没有影响； 后来认为...
tomcat发布服务，localhost可以访问，IP不能访问，如何解决
MangLi的博客
01-26 5482
前几天在服务器tomcat发布了一个项目，但是客户端访问不到，没办法，远程至服务器，使用服务上的浏览器进行访问，问题出现了，使用localhost能访问，换成ip就不行了， 原因：服务器把8080端口挡住了 解决方法如下： 方法一 ：简单粗暴，把服务器的防火墙给关了，经测试可以使用ip访问；（不推荐使用） 方法二：给端口配置入栈规则，具体方式如下： 1.打开控制面板，找到“系统和安全”：...
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地址访问接口无法解析导致请求路径出错的问题。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值