关于vue项目运行时候，别人无法通过我的IP地址来访问我的项目问题。

最新推荐文章于 2024-02-26 21:36:27 发布
最新推荐文章于 2024-02-26 21:36:27 发布
阅读量3.1k 收藏 3
点赞数 2
分类专栏： 笔记 前端 文章标签： vue.js 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_52856519/article/details/128186116
版权

本地运行的项目可以通过local host来访问，而有时候同事之前或者自己通过手机来访问我运行的项目的时候，必须要使用IP地址才可以访问。但是问题就在于IP访问不了。

解决方法：只需要在package.json文件中的scripts下面的dev属性后面添加 --host 0.0.0.0

 

全栈科学家
关注
  • 2
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 6
    评论
专栏目录
完美解决通过IP地址访问VUE项目的问题
10-15
主要介绍了完美解决通过IP地址访问VUE项目的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue项目netWork地址无法访问问题解决方案
episode33的博客
06-07 3932
此方案可以解决vue项目 Network: unavailable和network访问失败的问题
当Vue项目启动后，通过IP地址方式在相同网络段的其他电脑上无法访问前端页面？
最新发布
舒一笑的博客
02-26 1325
默认情况下，许多开发服务器（如Vue CLI的）只监听localhost（127.0.0.1），这意味着它们只能接受来自本机的连接。为了使其能够接受来自网络上其他设备的连接，需要配置服务以监听所有网络接口（0.0.0.0）。：Windows或其他操作系统的防火墙可能阻止了对应用程序使用的端口的访问。如果服务正在运行，但其他设备无法连接，可能需要配置防火墙以允许外部设备访问该端口。：确保所有设备都连接到同一网络，并且没有子网或VPN配置阻止它们之间的通信。
vue项目启动不显示Network，及Network无法访问的问题
zhangbaiming_的博客
06-06 4740
首先找到build文件夹下webpack.dev.conf.js文件，修改compilationSuccessInfo里边的messages属性。在vue.config.js（或者配置config了的，就在config下的index.js ）文件下设置。最后在package.json文件中 scripts 下的 dev 或者 serve 后面加上。以上设置可以显示Network 调试地址，但是无法访问，还需设置一下。回车后会出现一串信息，复制IPV4 地址即可。地址 ,获取IPV4 地址方法，
关于可以通过本地访问前端vue项目，不能通过ip访问的问题
upStar1的博客
07-26 3955
和后端联调，后端要看我的前端页面，输入我的ip和端口，发现访问不了。搜了一下问题，是需要打开项目中config目录中index.js，将dev中的host由localhost修改为0.0.0.0。
vue npm run serve 启动服务 ip访问报错
qq_37299479的博客
09-29 2941
npm run serve启动服务， ip地址无法访问
Vue-cli项目无法使用ip访问
素钗一生推
08-01 770
如题： 可能原因如下： 1.缺少host参数 修改为如下即可 "scripts": { "dev": "webpack-dev-server --inline --progress --host 0.0.0.0 --config build/webpack.dev.conf.js", ... } 2.开启了一些透过ip实现翻墙的某些第三方软件，关闭即可...
vue运行后network的IP地址访问不了
weixin_45662786的博客
10-26 503
public: 'ip地址+端口号'
vue3 无法通过局域网访问Network 项目IP地址 无法通过IP访问项目
qq_47247479的博客
04-03 1061
vue3 无法通过局域网访问Network 项目IP地址 无法通过IP访问项目
为什么启动了vue以后另外一台电脑访问不了对应的页面？
AlphaFinance
12-13 1918
当你在本地启动了 Vue 项目以后，它只会在本地电脑上运行，其他计算机无法访问。如果想要让其他计算机能够访问，你需要在本地电脑上运行一个服务器，并将 Vue 项目部署到该服务器上。这样，其他计算机就能通过服务器的网址来访问你的 Vue 项目了。
npm run dev 时无法通过本机地址访问项目
qq_53066920的博客
08-09 1483
很明显这里没有显示可以使用外部地址进行访问项目；而且他们提示需要使用配置host。本项目正对Vue3 存在配置文件。 ➜ Local: http://localhost:5314/ ➜ Network: use --host to expose ➜ press h to show help
vue-cli 启动本地服务局域网不能访问(亲测可用)
weixin_44563906的博客
08-15 4657
问题描述 本地 vue-cli 启动了一个项目只能通过 localhost:8080 访问到，同一局域网下其他的手机和电脑 (包括本机) 并不能通过 ip 地址访问调试 原因 这个问题，其实是因为新版 webpack 导致的，因为我们使用 vue-cli 来构建项目的时候，一般都会选择使用的模版是 webpack 。 这次 webpack 升级后，导致 /config/index.js 里面的配置...
前端vue服务运行起来后，如何在其他电脑上打开
weixin_43822237的博客
03-16 3968
第一点：先确认你们连接的是一个局域网或者一个无线网，只有这样才能访问： 第二点：在vue的package.json这个文件中加入一个东西就可以访问了 --host 0.0.0.0 接下来你就可以在其他电脑上输入运行服务电脑的ip来进行访问了！！！ ...
vue项目ip地址无法访问网站拒绝了我们的连接请求全套解决方案
weixin_40486955的博客
05-05 1万+
出现的问题： 解决方案： （1）检查自己是否运行该服务在控制台中输入npm run start 输入后会出现下列界面表示开启服务，输入网址检查能否访问不能访问请看下一步 （2）在项目中找到config文件下的index.js文件修改host ctr+C停止服务 停止服务后重启服务，打开重启服务后的网络链接 （3）检查自己的浏览器是否允许访问网络 ...
【异常解决】vue项目localhost:8080无法访问此网站或者无法访问此页面，localhost拒绝了我们的连接请求
热门推荐
No8g攻城狮的博客
04-06 4万+
出现如图所示，8081端口被占用，且占用该程序的PID号为143132，接着【Ctrl + Alt + Delete】打开任务管理器，找到PID号为143132的进程，结束该进程，然后再重启服务项目即可。项目未成功启动，则需要查看前端项目为什么没有启动成功，这个原因复杂不再具体说明，可以试着重启服务项目，多重启几次。打开“我的电脑”，选择左上角的“计算机”中的“卸载或更改程序”。点击确定，然后浏览器验证，localhost已经可以访问了！（此处我查看的端口是8081，注意更换成自己的端口号）
将vue项目部署到服务器并通过外网访问的两种方式（springboot中static/nginx）
qq_28670711的博客
11-19 1万+
最近一段时间在用vue写一个前端项目，想着做出来的界面可以让小伙伴们一起看看，分享一下。所以就趁着双11在阿里云买了台服务器。实践中我发现vue项目部署到服务器一共有两种方式，当然也有可能有别的方法。 一.将vue项目打包后生成的dist目录下的文件复制到springboot项目里面 1. 前端vue项目先通过npm run build生成dist目录 2.将dist...
vue项目 别的电脑通过IP地址进行访问
little vegetable bird
04-21 4556
找到项目中的config/index.js，找到下图中红框中的代码，将host的值修改为0.0.0.0即可，下图为修改后的值
vue项目ip地址无法访问_完美解决通过IP地址访问VUE项目的问题
weixin_39571749的博客
12-20 4260
第一步1.将config里面的host设置成0.0.0.0host: '0.0.0.0',2.修改package.json"scripts": {"start": "cross-env NODE_ENV=development webpack-dev-server --inline --progress --config build/webpack.dev.conf.js --host 0.0.0...
vue如何让其他人访问本地地址
weixin_45776545的博客
07-14 1325
3. 打开您的 Vue 项目根目录中的 `vue.config.js` 文件，将 `public` 属性的值修改为您的 IP 地址加上端口号。1. 首先，请确保您的 Vue 应用程序正在运行，并已经按照之前提到的方式将开发服务器的主机地址设置为 `host: '0.0.0.0'`，公共访问地址设置为 `public: 'localhost:1111'`，端口设置为 `port: 1111`。通过以上步骤，您应该能够在浏览器的开发者工具中的 Network 标签下看到以您的本机地址开头的请求。
如何让别人访问我的电脑的vue项目
07-09
将外部端口设置为你想要提供给别人访问的端口（例如80），将内部IP地址设置为你的电脑的IP地址，将内部端口设置为Vue项目运行的端口（默认为8080）。保存设置。 4. 确保你的防火墙允许该端口的访问。如果你的电脑上...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 6
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值