如何让别的手机或者电脑访问本地vue项目

最新推荐文章于 2025-05-06 18:27:06 发布
最新推荐文章于 2025-05-06 18:27:06 发布
阅读量3.2k 收藏 9
点赞数 3
文章标签： vue.js node.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Little_Fishs/article/details/111852510
版权

一、别的电脑访问自己的项目

1.config-index.js中将host改为: ‘0.0.0.0’，使得所有ip都可访问
在这里插入图片描述2.关闭电脑防火墙
我的电脑–属性–控制面板–Windows Defender
在这里插入图片描述
在这里插入图片描述 3.打开cmd,输入ipconfig，查看IPv4地址
在这里插入图片描述4.将本机运行的项目URL发给另一台电脑:将localhost换成Ipv4地址即可

小余童鞋11
关注
运行他人的Vue项目：步骤及示例代码
ScriptCharm的博客
10-02 2451
在开始之前，您需要安装项目所需的依赖项。通常，Vue项目的依赖项被记录在项目的 package.json 文件中。您可以使用包管理工具如 npm 或 yarn 来安装这些依赖项。通过按照上述步骤安装依赖项、启动开发服务器并使用示例代码，您可以成功运行他人的Vue项目。记住，具体的步骤和命令可能因项目而异，所以确保仔细阅读项目文档中的说明。以下是一些详细的步骤，以及示例代码来帮助您成功地运行别人的Vue项目。这将在项目的根目录中创建一个名为 “dist” 的目录，并生成优化过的、可部署的静态文件。
如何使用非局域网的其他机器访问vue项目
AlphaFinance
12-13 562
To access a Vue project on a different machine on a non-LAN network, you will need to use a service like ngrok to create a secure tunnel to your local machine. Here’s a brief overview of how to do this:Download and install ngrok on your local machine. Star
完美解决通过IP地址访问VUE项目的问题
01-21
第一步 1.将config里面的host设置成0.0.0.0 host: ‘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.0, } 第一步和第二步都有ip，其实第二步优先级高，这里第二步的host可以不设置，vue默认执行第一步的设置 3.查看开发机的ip地址，并告诉给其他小伙伴，还有端口号 补充
vue项目，别人电脑上看你本地的项目
Achong999的博客
02-24 2600
别人打开这个就可以访问你本地项目了（类似于：192.168.100.100:8089 ）（PS：连同一个WiFi，必须在同一个局域网才行）npm run dev --host 报错。4. 电脑IP+端口即可访问了。
第一次运行Vue项目 怎么运行别人的Vue项目
热门推荐
qq_45947664的博客
09-18 1万+
这里是因为node_modules文件下装的是项目依赖文件，相当于maven下的插件，如果拿来的文件没有node_modules文件，是无法使用的，用这个npm语句可以下载依赖文件。如果新建终端失败，就在项目右侧，找到最外层文件夹，右键，“在集成终端打开”，在输入 “ npm install ”，最外层文件夹如下：非“login-register-vue”1、在编译器将项目打开，如果已有以下两个文件夹，先删掉，这个是别人编译器运行后生成的，所以不用怕删掉。7、其他问题（安装node.js，vue），
前端vue服务运行起来后，如何在其他电脑上打开
weixin_43822237的博客
03-16 4727
第一点：先确认你们连接的是一个局域网或者一个无线网，只有这样才能访问： 第二点：在vue的package.json这个文件中加入一个东西就可以访问了 --host 0.0.0.0 接下来你就可以在其他电脑上输入运行服务电脑的ip来进行访问了！！！ ...
vue项目可以通过本机localhost和本机或其他电脑使用ip地址访问的方法
千里之行，始于足下！
01-08 5571
问题描述： 本机的vue项目通过npm run dev 或者npm run serve的方式启动后，在浏览器可以通过输入localhost：8080就可以访问 但当在本机或者其他电脑的浏览器中输入本机的ip地址+端口，即：192.168.212.82:8080,不能访问成功 解决方法： 1、解决方法一： 找到项目的配置文件：/config/index.js，修改index.js文件中的host值，...
在vue前端的开发和测试环节中，在不打包发布的条件下，如何让别人访问或在手机上访问项目
泠泠似水
01-16 2288
一、首先，需要在同一个网段（通俗来讲，就是要连同一个网络） 二、修改config目录下的配置，将host改成如下图： 三、vue项目运行 npm run dev，开启你的前端服务 四、打开你的命令提示符，运行ipconfig，查看自己本机的ip地址 五、针对自己配置的端口，在浏览器端输入 例：http://192.168.0.111:8080/#/ 【ip为192.168.0.111】【...
让别人访问自己的vue项目
xuexuexiang的博客
05-10 3554
如何让他人免费地可以访问自己的vue项目呢，就可以把项目上传到GitHub或者Gitee，但是由于GitHub是国外，总是不稳定，所以这里选择使用Gitee。 首先使用npm serve bulid命令，将项目打包，打包成功后，会生成一个dist文件，也就是我们所要上传的文件。 在网页上的Gitee创建一个仓库，然后通过使用git bash命令行，将dist文件上传到Gitee。 在git bash命令下进入到vue项目的文件夹下，（也可以自己建立一个文件夹，然后将dist文件复制到这个文件夹下，前者
同一局域网访问本地 Vue 项目
grootbaby
03-03 1486
同一局域网访问本地 Vue 项目 需要访问电脑需要在同一局域网下 | | 连同一个WiFi，这个就不说了吧。懂得都懂。 调试机 ip：192.168.30.100，将 192.168.30.100 改为你自己本机 ip 就OK。 不需要修改配置文件 重启本地环境： yarn run dev --host 192.168.30.100 （ 加红的 yarn 是关键，不要尝试用 cnpm 或者 npm ） 需要修改配置文件 方法一： 在 config/index.js 文件中找到 h
Vue移动端项目实现使用手机预览调试操作
11-20
最近在开发移动端Vue移动端项目，查了一些资料，这里分享下如何在webpack工具构建下的vue项目，在手机端调试和预览，言归正传。 1.电脑和手机连接到同一个WIFI a.台式电脑和手机同时链接一个路由器，使用同一个wifi...
vue 本地服务不能被外部IP访问的完美解决方法
10-17
总的来说，通过修改`webpack-dev-server`的配置，我们可以轻松解决Vue本地服务不能被外部IP访问的问题。这种方法适用于开发者需要跨设备测试或协作的情况，但同时也需要注意安全问题。希望这篇文章对你有所帮助，...
vue-cli启动本地服务局域网不能访问的原因分析
01-19
 本地vue-cli启动了一个项目只能通过localhost:8080访问到，同一局域网下其他的手机和电脑并不能通过ip地址访问调试， 2.原因：vue-cli项目是通过命令行一键生成的，配置文件中默认生成的是本地调试模式，默认访问...
vue移动端项目怎么在手机上运行打开
weixin_49577940的博客
07-09 6534
因为现在做的是一个手机端项目 , 所以要在手机上运行看适配, 上传文件, 这几天就上网学了下怎么弄在手机上看, 其实步骤很简单 , 但是想记录一下学习到新技能的开心 ^_^ 手机和电脑连同一个wifi , 或者电脑连你手机的热点 一 , 按电脑window+R , 打开这个页面, 输入cmd,点确定 二 , 在出现的黑窗口中输入ipconfig , 按回车 , 复制IPv4的地址 三 , 打开你项目config文件夹下的index.js,把host后面的地址改成你刚刚复制的.
vue别人访问自己的本地vue项目
qq_39920109的博客
11-22 1708
同事想看我的本地vue项目，给她配个IP就好啦！如下： 在项目中找到 config → index.js 中，将host改为你的IP地址，端口自定义，先本地运行起来后，然后让别人跟你在同一局域网下就可以访问你的本地项目了！ 运行： ...
【Vue2】让别人访问自己本地运行项目
joanmelon的博客
02-25 3361
☀️大家好，我是宾果的救星~希望记录的学习和收获能够帮助大家在开发过程中得到思路并且解决难题。希望大家多多点赞~爱你们哟~
详细介绍别人电脑访问到自己电脑运行的项目
weixin_70280523的博客
04-12 4479
网络
setup 函数在 Vue 3 中的作用是什么？什么时候会执行
最新发布
Bruce__taotao的博客
05-06 1159
setup()函数是Vue 3 中 Composition API 的核心入口，它在组件生命周期中扮演了非常关键的角色。setup()是 Vue 3 中组件逻辑的统一入口，在组件创建前执行，用于定义响应式状态、逻辑封装、生命周期注册、事件触发等，是 Composition API 的核心支点。就是把setup()函数**“自动内联展开”，省略return {}等冗余写法，让你写的每一行代码自动在 setup 环境中执行**。
电脑和手机在同一个wifi下怎么访问本地vue项目地址
06-02
然后，在电脑上启动Vue项目，可以通过命令 `npm run serve` 或者 `yarn serve` 启动本地开发服务器。默认情况下，Vue项目会在本地的 `http://localhost:8080/` 地址上运行。 接着，在手机上打开浏览器，输入电脑的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值