解决Vue项目IP地址无法访问（localhost可以访问）的问题？

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

修改项目config目录下index.js文件的host为：0.0.0.0，然后重启服务，即可通过ip访问该项目

如果遇到无法登录的情况，则需要修改dev.env.js文件，修改COOKIE_DOMAIN和BOSS_URL的ip为自己本机ip即可

gaoyaqinglove
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
浅谈vue项目,访问路径#号的问题
10-14
主要介绍了浅谈vue项目,访问路径#号的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
完美解决通过IP地址访问VUE项目的问题
10-15
主要介绍了完美解决通过IP地址访问VUE项目的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
网站localhost和127.0.0.1可以访问，本地ip不可访问解决方案
最新发布
justhere_的博客
05-08 3984
部署了一个网站, 使用localhost和127.0.0.1加端口号可以访问, 但是使用本机的ip地址加端口号却不行. 原因可能有多种.如果是具体的代码, 修改绑定地址通常涉及更改程序的源代码、配置文件或启动脚本中的网络监听设置，以指定程序应该监听的IP地址和端口号。首先要确认是否localhost对应的端口是通的(直接网址访问), 以及你无法访问的那个本机ip是否正确(使用ping测试)；验证程序是否正确绑定。个人实践下来, 把防火墙全部关闭后不用再配置具体的规则, 如果还是不行那说明不是这个原因了.
vue项目中，localhost可以访问，IP无法访问的问题
weixin_30755393的博客
05-31 442
　　用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...
解决webpack只可localhost和127.0.0.1访问，不可本地IP地址访问
菜鸟karroy
04-08 2197
问题： localhost:8080 和127.0.0.1:8080可访问， 但是本机IP:8080不可访问。 解决办法： 在config文件夹下index.js，修改host为：host: '0.0.0.0’即可。
vue-cli项目无法用本机IP访问的解决方法
12-11
所遇问题 启动vue-cli项目服务，用本机IP无法访问此网站，拒绝了我们的链接请求。从而无法从手机上预览效果 原因分析 在我们的bulid目录下有一个webpack.dev.config.js的配置文件，发现devServer对象里的host属性取自process.env.HOST || config.dev.host。 于是这里我们去查看config.dev.host。在我们的config目录下有一个index.js, 找到dev对象的host属性 发现该版本的vue-cli将host主机名定义为localhost, 从而导致了本地IP不能访问服务。 解决办法 将host重新定义为：0
关于可以通过本地访问前端vue项目，不能通过ip访问的问题
upStar1的博客
07-26 3968
和后端联调，后端要看我的前端页面，输入我的ip和端口，发现访问不了。搜了一下问题，是需要打开项目中config目录中index.js，将dev中的host由localhost修改为0.0.0.0。
vue项目使用localhost能访问使用ip地址却访问不了
weixin_40910109的博客
11-26 4315
修改本机的 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-cli起的webpack项目 用localhost可以访问，但是切换到ip就不可以访问
qq_26505167的博客
05-06 1097
我用的是vux起的一个项目（移动端，基于vue的），因为是移动端的，需要在手机上测试，发现用http://localhost:8081/访问的挺好的，但是换到ip就访问不了，期初我以为是代理的原因，将电脑的代理给关掉了。还是不行，然后改为127.0.0.1访问，发现可以访问，用0.0.0.0访问也可以，就是ip不行。然后就各种google，百度。别人家的方法---都试了好多，发现没效（有点怀疑人生，怀疑是不是我电脑的问题），但是结果就在这，ip就是不可以访问！！！！ 本着一个程序员的本能--不...
解决VUE项目localhost端口服务器拒绝连接,只能用127.0.0.1的问题
10-14
主要介绍了解决VUE项目localhost端口服务器拒绝连接,只能用127.0.0.1的问题
vue 本地服务不能被外部IP访问的完美解决方法
10-17
完成上述更改后，重新运行项目，现在应该可以通过局域网内的任何设备的IP地址访问你的Vue应用。例如，如果你的IP地址是`192.168.1.100`，那么其他设备可以通过`http://192.168.1.100:8080`访问你的应用。 此外，...
vue init webpack myproject构建项目 ip不能访问
Super灬LV
12-08 1396
问题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项目localhost:8080无法访问此网站或者无法访问此页面，localhost拒绝了我们的连接请求
热门推荐
No8g攻城狮的博客
04-06 4万+
出现如图所示，8081端口被占用，且占用该程序的PID号为143132，接着【Ctrl + Alt + Delete】打开任务管理器，找到PID号为143132的进程，结束该进程，然后再重启服务项目即可。项目未成功启动，则需要查看前端项目为什么没有启动成功，这个原因复杂不再具体说明，可以试着重启服务项目，多重启几次。打开“我的电脑”，选择左上角的“计算机”中的“卸载或更改程序”。点击确定，然后浏览器验证，localhost已经可以访问了！（此处我查看的端口是8081，注意更换成自己的端口号）
vue项目启动时将localhost替换成指定ip地址
weixin_60684791的博客
11-19 1万+
node启动vue项目时地址一般都是http://localhost:8080 vue.config.js 中的host：‘localhost’换成host：‘你的本机ip’就可以了 module.exports = { devServer: { // 更换ip host:'192.168.1.100', // 代理访问 proxy: { 'api': { target: 'http://121.89.205.189/api'...
关于vue项目本地localhost可以正常访问项目，ip却无法访问项目的解决办法
博哥的二进制世界
09-21 4111
关于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和localhost可同时访问
Aa12364567的博客
03-20 606
vue项目设置通过IP和localhost可同时访问。在要运行的分支下添加host,最后重新运行项目。打开package.json文件。
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、付费专栏及课程。

余额充值