记录：同一局网下，如何让他人访问我的本地vue项目

最新推荐文章于 2025-04-10 18:55:48 发布
原创 最新推荐文章于 2025-04-10 18:55:48 发布
· 1.9k 阅读 · 10 ·
版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#web #vue

1、win+R，输入cmd，回车，在黑框中输入ipconfig回车。复制ipv4的ip地址

 

2、修改config---index.js的host为步骤1中的ipv4的地址

 

3、修改package.json中的start，在末尾加上 || --host 0.0.0.0

 

4、重启项目，关闭防火墙。项目运行后，将域名地址+端口发送给他人，即可访问

 

 

 

 

最低0.47元/天 解锁文章
如何让别人访问到你的本地项目——Ngrok
实践求真知
02-20 1074
一提出问题 自己电脑上的项目，如何让别人访问？ 二原理 本地地址：http://localhost:8080 中间是映射服务器，也就是Ngrok，可以穿透内网，使得本地地址和外网地址映射。 外网地址：http://www.cakin24.com 三使用场景 1公司交付，在本地让项目跑起来，让客户在其他地方通过外网地址访问你的项目。 2给别人分享你的资源。 四国内方式 1注册账号并登陆 http://www.ngrok.cc/ 2购买服务（0元） 隧道管理 2....
本地vue项目的本地调试，同一个局域网下如何让其他人也可以访问我的本地项目
Zzexi的博客
08-18 6798
本地vue项目的本地调试，如何让其他人也可以访问我的本地项目（同一个局域网下） 我们只需要在config文件夹下配置下host属性，只需要把host:"",里面的值改为你本地的ip即可，记得加上端口号 如果是vue-cli3没有config文件，就在根目录创建上vue.config.js文件，然后同样配置host属性即可。 ...
vue项目让局域网能访问
最新发布
cxsj999的博客
04-10 293
vue的配置文件config下面的index.js把locahost改成0.0.0.0就行了。然后我设置了新的入站规则为4864。结果同事还是不能访问，
怎么让别人访问自己的本地vue项目
qq_45780380的博客
04-29 2032
怎么让别人访问自己的本地vue项目
在没有测试环境情况下如何让其他人访问本地vue项目
qq_36571836的博客
11-24 387
vue内网穿透本地项目
让别人访问自己的vue项目
xuexuexiang的博客
05-10 3564
如何让他人免费地可以访问自己的vue项目呢，就可以把项目上传到GitHub或者Gitee，但是由于GitHub是国外，总是不稳定，所以这里选择使用Gitee。 首先使用npm serve bulid命令，将项目打包，打包成功后，会生成一个dist文件，也就是我们所要上传的文件。 在网页上的Gitee创建一个仓库，然后通过使用git bash命令行，将dist文件上传到Gitee。 在git bash命令下进入到vue项目的文件夹下，（也可以自己建立一个文件夹，然后将dist文件复制到这个文件夹下，前者
vue项目，别人电脑上看你本地的项目
Achong999的博客
02-24 2640
别人打开这个就可以访问你本地项目了（类似于：192.168.100.100:8089 ）（PS：连同一个WiFi，必须在同一个局域网才行）npm run dev --host 报错。4. 电脑IP+端口即可访问了。
【Vue2】让别人访问自己本地运行项目
joanmelon的博客
02-25 3377
☀️大家好，我是宾果的救星~希望记录的学习和收获能够帮助大家在开发过程中得到思路并且解决难题。希望大家多多点赞~爱你们哟~
Vue + Vite项目，如何让他人访问（小技巧）
qq_40884528的博客
05-08 2800
前端写好项目，想让其他人简单查看一下效果，在同一局域网下（比如连接同一WiFi）可以让外部通过ip来访问。
为什么启动了vue以后另外一台电脑访问不了对应的页面？
AlphaFinance
12-13 2493
当你在本地启动了 Vue 项目以后，它只会在本地电脑上运行，其他计算机无法访问。如果想要让其他计算机能够访问，你需要在本地电脑上运行一个服务器，并将 Vue 项目部署到该服务器上。这样，其他计算机就能通过服务器的网址来访问你的 Vue 项目了。
局域网如何让别人访问本地vite+vue3项目
Yajyaj123的博客
05-15 1324
-port 指定端口，80的话直接输入ip即可访问，只需要npm run dev 即可，别人可以通过IP访问。打开package.json。
在自己电脑上编写的项目如何让别人也能访问（内网穿透）？
qq_45323089的博客
10-12 5296
内网穿透
怎么让别人访问本地运行的vue项目
热门推荐
linx_i的博客
04-07 1万+
在这里插入图片描述 然后其他人就可以通过你的ip地址+端口号访问了。 本来你是localhost：8080这样的。现在改成192.1.2.3：8080就行了
如何让别人访问你本地运行的项目？内网穿透详细教学
m0_62145574的博客
01-05 7822
前言： # 自己电脑上的项目如何让别人访问，给别人一个外网地址，就能通过外网访问你本地的项目了。 优点： 操作简单，完全免费，方便实用 缺点： 同时访问数不能过多。(装13完全够用) 一般自己在电脑上写了一个项目 ，自己把项目跑起来，生成一个本地地址，可以通过本地网址进行访问项目，但是怎么样让别人来访问你的项目，这就需要用到Ngork工具了。 > 原理：把外网地址通过服务器映射，映射到自己的本地地址，这样别人访问外网，就间接访问了你的本地网站 使用场景： 比如你是乙方，你承包
如何在局域网内访问别人的vue-cli搭建的项目(也可以用来做移动端的真机测试)
WebDestiny的博客
08-28 1556
一：首先打开命令窗口 输入 ：ipconfig 后，回车会看到本机的IP地址 二：打开vue项目文件在本机运行，在项目目录中的config 文件 紧接着我们会看到index.js 文件，在文件中找到如下代码行 dev: { // Paths assetsSubDirectory: 'static', assetsPublicPath: '/', ...
在开发时，其他人在局域网中如何访问vue-cli构建的项目
weixin_34392435的博客
05-30 766
只需做以下更改： 找到项目主目录 > config > index.js 将host由localhost改为 '0.0.0.0', 重启项目： 自己启动项目的时候还是可以使用localhost, http://localhost:21363 查看本机ip地址 ipconfig 将域名换成本级ip地址,别人就可以访问你的vue项目了 转载于:https://juejin.im...
如何让别人访问我的电脑的vue项目
07-08
要让别人访问你的电脑上的Vue项目，你可以按照以下步骤进行设置： 1. 确保你的电脑已经安装了Vue项目所需的依赖和环境。 2. 在终端中进入你的Vue项目的根目录。 3. 运行命令 `npm run serve` 启动项目的开发服务器。 4. 打开你的浏览器，在地址栏中输入 `http://localhost:8080`（或者是你项目运行的端口号），确保你能够正常访问到项目。 5. 确保你的电脑和你想要访问你的项目的设备（例如手机或其他电脑）在同一局域网中。 6. 在你的电脑上查找你的IP地址。可以通过在终端中运行 `ipconfig`（Windows）或 `ifconfig`（Mac/Linux）命令来获取。 7. 将你的IP地址和项目运行的端口号提供给想要访问你的项目的人。 8. 在他们的设备上的浏览器中输入你的IP地址和项目运行的端口号，例如 `http://192.168.1.100:8080`。 现在，他们应该能够通过局域网访问你的电脑上的Vue项目了。请注意，这种方法只适用于局域网内部的访问，不建议在公共网络中使用。另外，确保你的电脑和项目有足够的安全措施来保护你的数据和隐私。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值