怎么让别人访问本地运行的vue项目

原创 已于 2022-04-22 11:58:26 修改 · 1w 阅读 · 36 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue.js

于 2022-04-07 10:33:44 首次发布
本文介绍了如何修改Vue项目的配置，将localhost更改为0.0.0.0，以便他人可以通过你的IP地址访问。步骤包括在config/index.js中更改host，使用cmd获取本地IP，关闭防火墙，并确保在同一网络环境下，其他用户可以输入你的IP:端口号来访问你的Vue应用。

1、修改vue项目中config文件下的index.js
将host: "localhost" 改为 host: "0, 0, 0, 0"
请添加图片描述

2、window + R输入cmd调出控制台，在控制台中输入 ipconfig 找到电脑的IP地址
请添加图片描述
请添加图片描述
3、在控制面板中搜索防火墙并关闭防火墙
请添加图片描述
请添加图片描述
请添加图片描述

然后其他人就可以通过你的ip地址+端口号访问了。
本来你是localhost：8080这样的。现在改成192.1.2.3：8080就行了
注意：需要在同一网络环境下进行访问，例如，连同一个wifi，或者连接同一个路由器的宽带

记录：同一局网下，如何让他人访问我的本地vue项目
qq_43021088的博客
12-22 2004
1、win+R，输入cmd，回车，在黑框中输入ipconfig回车。复制ipv4的ip地址 2、修改config---index.js的host为步骤1中的ipv4的地址 3、修改package.json中的start，在末尾加上||--host0.0.0.0 4、重启项目，关闭防火墙。项目运行后，将域名地址+端口发送给他人，即可访问 ...
让同网段的人访问当前vUE项目
最新发布
weixin_46435234的博客
07-16 262
1
其他人如何查看前端工程师在本地跑的vue项目（0.0.0.0）
01-20
因为现在一般都是前后端分离开发的模式， 有时候后台的同事需要查看当前的项目，我们应该怎么办呢。例如我们现在开发的vue项目。 其实很简单只要前端在项目中设置一下就行 那就是在config文件夹下的index.js文件中 将 host : ‘localhost’,修改为 host: ‘0.0.0.0’ 就可以了。 然后别人只需要访问 http:// + 前端电脑的IP地址 + 端口号 就可以直接访问他本地在跑的项目了！ 话不多说，直接上图 ↓↓↓ 我们创建的项目中host 的默认值为 localhost，我们要做的就是将他的值修改为 0.0.0.0 然后获取前端同学的IP地址 例如我的是 1
让别人访问自己的vue项目
xuexuexiang的博客
05-10 3636
如何让他人免费地可以访问自己的vue项目呢，就可以把项目上传到GitHub或者Gitee，但是由于GitHub是国外，总是不稳定，所以这里选择使用Gitee。 首先使用npm serve bulid命令，将项目打包，打包成功后，会生成一个dist文件，也就是我们所要上传的文件。 在网页上的Gitee创建一个仓库，然后通过使用git bash命令行，将dist文件上传到Gitee。 在git bash命令下进入到vue项目的文件夹下，（也可以自己建立一个文件夹，然后将dist文件复制到这个文件夹下，前者
【Vue2】让别人访问自己本地运行项目
joanmelon的博客
02-25 3534
☀️大家好，我是宾果的救星~希望记录的学习和收获能够帮助大家在开发过程中得到思路并且解决难题。希望大家多多点赞~爱你们哟~
怎么让别人访问自己的本地vue项目
qq_45780380的博客
04-29 2093
怎么让别人访问自己的本地vue项目
详解如何运行vue项目
10-17
如何运行Vue项目是一个涵盖了多个步骤的知识点，包括环境搭建、项目初始化、依赖安装以及实际运行等环节。以下将详细解释这些知识点： 首先，要运行Vue项目，需要搭建必要的开发环境。其中，Node.js是基础，它包括...
精选资源
vue项目的启动、idea启动vue项目、idea运行vue项目、以及vue项目页面跳转逻辑、跳转vue项目页面逻辑.doc
08-29
启动Vue项目通常涉及到几个步骤，首先是确保本地环境已安装必要的工具，如Node.js，接着是通过命令行或者集成开发环境（IDE）来启动项目。 1. **安装Node.js**： - 访问官网 [https://nodejs.org/en/]...
完美解决通过IP地址访问VUE项目的问题
10-15
在开发Vue项目时，我们通常使用`localhost`或者`127.0.0.1`来运行项目，但这只允许我们在本地环境进行测试。如果需要让其他设备（如手机或另一台电脑）访问我们的Vue应用，我们就需要通过IP地址来访问。本文将详细...
本地vue项目的本地调试，同一个局域网下如何让其他人也可以访问我的本地项目
Zzexi的博客
08-18 7280
本地vue项目的本地调试，如何让其他人也可以访问我的本地项目（同一个局域网下） 我们只需要在config文件夹下配置下host属性，只需要把host:"",里面的值改为你本地的ip即可，记得加上端口号 如果是vue-cli3没有config文件，就在根目录创建上vue.config.js文件，然后同样配置host属性即可。 ...
局域网下别人访问本地运行的vue项目
weixin_52268321的博客
06-12 1476
进入“防火墙和网络保护”，关闭下面三个。
vue如何让其他人访问本地地址
weixin_45776545的博客
07-14 1758
3. 打开您的 Vue 项目根目录中的 `vue.config.js` 文件，将 `public` 属性的值修改为您的 IP 地址加上端口号。1. 首先，请确保您的 Vue 应用程序正在运行，并已经按照之前提到的方式将开发服务器的主机地址设置为 `host: '0.0.0.0'`，公共访问地址设置为 `public: 'localhost:1111'`，端口设置为 `port: 1111`。通过以上步骤，您应该能够在浏览器的开发者工具中的 Network 标签下看到以您的本机地址开头的请求。
在没有测试环境情况下如何让其他人访问本地vue项目
qq_36571836的博客
11-24 410
vue内网穿透本地项目
vue别人访问自己的本地vue项目
qq_39920109的博客
11-22 1788
同事想看我的本地vue项目，给她配个IP就好啦！如下： 在项目中找到 config → index.js 中，将host改为你的IP地址，端口自定义，先本地运行起来后，然后让别人跟你在同一局域网下就可以访问你的本地项目了！ 运行： ...
vue项目，别人电脑上看你本地的项目
Achong999的博客
02-24 2808
别人打开这个就可以访问你本地项目了（类似于：192.168.100.100:8089 ）（PS：连同一个WiFi，必须在同一个局域网才行）npm run dev --host 报错。4. 电脑IP+端口即可访问了。
VUE搭建项目，配置本地IP地址其他人可访问项目（整理）
在北风吹起的时候加入我们的队伍 在秋雨到来的时候成为彼此的温暖
07-06 3108
VUE搭建项目，配置本地IP地址其他人可访问项目
springboot项目和vue项目从零开始在服务器上打包运行，并使用nginx代理，让外网访问
qq_49721447的博客
06-16 2313
springboot项目和vue项目从零开始在服务器上打包运行，并使用nginx代理，使外网可以访问
vue项目本地启动，外部访问配置修改
weixin_38194239的博客
02-27 1781
vue项目本地启动，外部访问配置修改 1、vue-cli2项目中，找到config目录下，index.js 把index.js 的 host: ‘localhost’ 修改为host: ‘0.0.0.0’, 2、通过cmd 中ipconfig找到你的ip地址 3、这样外部就可以通过IP地址来访问你本地启动的项目了 ...
vue项目用本地运行成功如何生成http请求地址让别人可以访问
07-03
要让他人通过HTTP地址访问本地运行的Vue项目，需要进行一系列配置和网络调整。以下是具体步骤： #### 修改 Vue 项目配置 首先，在 `vue.config.js` 文件中将开发服务器的 `host` 设置为 `'0.0.0.0'`，以便允许外部...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值