在没有测试环境情况下如何让其他人访问本地vue项目

最新推荐文章于 2023-07-12 10:56:01 发布
最新推荐文章于 2023-07-12 10:56:01 发布
阅读量319 收藏 1
点赞数
文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_36571836/article/details/128013459
版权
  1. 一定要首先 关掉自己电脑上的 windows防火墙，如何关闭可以根据自己系统进行百度
    2
    这里我使用的工具是 natapp 软件（因为可以免费）
    如何使用 官方网站都有明确说明，请自觉查看

https://natapp.cn/ 注册，然后实名认真
首先，购买隧道，当然也是购买免费的。

  1. 在这里插入图片描述

  2. 在这里插入图片描述

  3. vue项目还要配置一下

在这里插入图片描述

要不，在试一下
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
其他人如何查看前端工程师在本地跑的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搭建项目，配置本地IP地址其他人可访问项目（整理）
在北风吹起的时候加入我们的队伍 在秋雨到来的时候成为彼此的温暖
07-06 2247
VUE搭建项目，配置本地IP地址其他人可访问项目
前端vue服务运行起来后，如何在其他电脑上打开
weixin_43822237的博客
03-16 3798
第一点：先确认你们连接的是一个局域网或者一个无线网，只有这样才能访问： 第二点：在vue的package.json这个文件中加入一个东西就可以访问了 --host 0.0.0.0 接下来你就可以在其他电脑上输入运行服务电脑的ip来进行访问了！！！ ...
本地运行的前端代码，如何让他人访问
夜栩的博客
07-03 973
有时候，我前端写好了项目，想要给其他人看一下效果，可以选择将代码部署到test环境，也可以选择让外部通过ip来访问，不过前提是在同一个局域网下（比如连接同一个WiFi），下面介绍第二种方式。
vue项目启动前端时让本地局域网其他设备访问本项目时的配置
最新发布
qq_39123467的博客
07-12 842
【代码】vue项目启动前端时让本地局域网其他设备访问本项目时的配置。
怎么让别人访问自己的本地vue项目
qq_45780380的博客
04-29 1776
怎么让别人访问自己的本地vue项目
Vue + Vite项目，如何让他人访问（小技巧）
qq_40884528的博客
05-08 1703
前端写好项目，想让其他人简单查看一下效果，在同一局域网下（比如连接同一WiFi）可以让外部通过ip来访问。
vue项目，别人电脑上看你本地的项目
Achong999的博客
02-24 2053
别人打开这个就可以访问你本地项目了（类似于：192.168.100.100:8089 ）（PS：连同一个WiFi，必须在同一个局域网才行）npm run dev --host 报错。4. 电脑IP+端口即可访问了。
怎么让别人访问本地运行的vue项目
linx_i的博客
04-07 8041
在这里插入图片描述 然后其他人就可以通过你的ip地址+端口号访问了。 本来你是localhost：8080这样的。现在改成192.1.2.3：8080就行了
springboot项目和vue项目从零开始在服务器上打包运行，并使用nginx代理，让外网访问
qq_49721447的博客
06-16 1962
springboot项目和vue项目从零开始在服务器上打包运行，并使用nginx代理，使外网可以访问
webpack vue项目开发环境局域网访问方法
08-27
下面小编就为大家分享一篇webpack vue项目开发环境局域网访问方法，具有很好的参考价值，希望对大家有所帮助，一起跟随小编过来看看吧
vue如何自动化打包测试环境和正式环境的dist/test文件
12-11
当时技术大佬要求的事在jenkins进行一键打包，就是他点击不同的按钮在同一套代码上面分别打包测试环境运行的包和正式环境运行的包，刚刚接触vue的我摸不着头脑，老大给了我一天时间研究这个玩意，没办法，只好硬着...
完美解决通过IP地址访问VUE项目的问题
10-15
主要介绍了完美解决通过IP地址访问VUE项目的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
Vue项目环境搭建详细总结
10-16
主要为大家介绍了Vue项目环境搭建总结篇，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
本地使用Nginx部署vue项目,并且通过飞鸽内网穿透达到域名访问的效果
xiaokuangren_的博客
02-15 735
Nginx部署vue项目简单版本
解决前端vue打包之后，在没有登录的情况下能访问静态资源
weixin_41639609的博客
04-18 410
这里的静态资源显示的内容解决方法：（1）通过请求接口返回数据流，前端在进行转换，然后在进行下载、
vue别人访问自己的本地vue项目
qq_39920109的博客
11-22 1563
同事想看我的本地vue项目，给她配个IP就好啦！如下： 在项目中找到 config → index.js 中，将host改为你的IP地址，端口自定义，先本地运行起来后，然后让别人跟你在同一局域网下就可以访问你的本地项目了！ 运行： ...
记录：同一局网下，如何让他人访问我的本地vue项目
qq_43021088的博客
12-22 1772
1、win+R，输入cmd，回车，在黑框中输入ipconfig回车。复制ipv4的ip地址 2、修改config---index.js的host为步骤1中的ipv4的地址 3、修改package.json中的start，在末尾加上||--host0.0.0.0 4、重启项目，关闭防火墙。项目运行后，将域名地址+端口发送给他人，即可访问 ...
电脑和手机在同一个wifi下怎么访问本地vue项目地址
06-02
默认情况下，Vue项目会在本地的 `http://localhost:8080/` 地址上运行。 接着，在手机上打开浏览器，输入电脑的局域网IP地址和端口号，例如 `http://192.168.0.100:8080/`，就可以访问电脑上运行的Vue项目了。其中...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值