VUE-CLI项目同一局域网手机通过IP访问电脑本地项目

最新推荐文章于 2023-09-01 10:08:48 发布

转载最新推荐文章于 2023-09-01 10:08:48 发布 · 408 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/weizaiyes/p/11416866.html

文章标签：

#javascript #ViewUI

本文详细介绍了如何配置本地项目，使其能在不同设备上通过IP地址进行访问。首先，需修改config文件夹下index.js的host设置。接着，确保防火墙及杀毒软件不会阻止访问，并开放特定端口。最后，通过创建热点并使用ipconfig命令获取IP地址，实现手机等设备的远程访问。

部署运行你感兴趣的模型镜像

0.找到config文件夹下的index.js文件，修改host内容为hots:'0.0.0.0',此时重新运行项目，则其他设备可以通过ip进行访问

1.首先确保电脑防火墙或者杀毒软件关闭，因为大多数情况都是这样造成的

2.接下来再允许80或者一些特殊的端口访问权限

3.点击下一步输入自己想要访问的端口好号

其次，电脑开启热点

然后用手机连接该热点，WIN+R 输入cmd，打开命令行，输入ipconfig查看自己电脑的 IP 地址

最后用手机访问该IP地址下的目录文件，就可以访问了

转载于:https://www.cnblogs.com/weizaiyes/p/11416866.html

您可能感兴趣的与本文相关的镜像

Stable-Diffusion-3.5

图片生成

Stable-Diffusion

Stable Diffusion 3.5 (SD 3.5) 是由 Stability AI 推出的新一代文本到图像生成模型，相比 3.0 版本，它提升了图像质量、运行速度和硬件效率

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

daxiangya6845

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

vue-cli启动本地服务局域网不能访问的原因分析

01-19

本地vue-cli启动了一个项目只能通过localhost:8080访问到，同一局域网下其他的手机和电脑并不能通过ip地址访问调试， 2.原因：vue-cli项目是通过命令行一键生成的，配置文件中默认生成的是本地调试模式，默认访问...

参与评论您还未登录，请先登录后发表或查看评论

vue-cli项目无法用本机IP访问的解决方法

10-17

然而，有时我们可能遇到一个问题，即在尝试通过本机IP地址访问这个开发服务器时，浏览器提示“拒绝了我们的链接请求”，这使得无法在连接到同一局域网的其他设备（如手机）上预览应用。这个问题通常是由于Vue CLI的...

手机访问电脑端vue-cli项目——简单教程

Andy·Wu的专栏

04-18

993

手机访问电脑端项目的简单步骤如下所示： 1、确保手机和电脑连接在同一 wifi 上 2、修改 Vue CLI 配置：项目根目录 --> config --> index.js 修改为如下图所示 3、运行 npm run dev，把项目网址转换为二维码即可通过手机扫一扫进行访问。 ...

vue项目--同一局域网访问你本地的项目

acyj68799的博客

07-01

3172

方法一： 1.处于同一个网段（PS：连同一个WiFi） 2. 重启本地环境： (1)yarn run dev --host 0.0.0.0(不需要修改配置文件) (2)npm run dev --host (需要修改config/index.js，把 host: 'localhost', 改为 host: '0.0.0.0') 3. 你电脑的IP +本地项目...

vue-cli搭建项目，使用localhost或ip地址均可访问

luodao_的博客

03-01

6934

使用vue-cli开发移动端项目，为实现在局域网内pc和移动端都可以访问。在 config 里面的 index.js 的 module.export 下面的host: 'localhost' 改为 host:'0.0.0.0'

局域网下手机预览vue项目的方法

qq_45515863的博客

05-20

671

初始创建的vue项目运行后只能通过localhost 8080或127.0.0.1:8080访问，这样的话就只能在自己电脑上进行预览，如果是开发的移动端网页的话，就很难体会到真实的效果，下面就介绍一种可以在手机上预览的方法：这个方法实现的前提是手机和电脑在同一局域网内，简单来说，就是手机和电脑连接同一WIFI即可。首先找到使用vue脚手架建立项目config文件中的index,js文件，修改里面的host属性值：改成 host: '0.0.0.0' 重新npm run dev一下

使电脑和手机能够同时使用IP地址访问vue项目

思考的蜗牛

03-20

1041

在开发中我们想要模拟移动端的效果需要用手机来访问项目但是使用localhost:8080显然使不行的这需要我们修改一些东西：如果使用vue-cli脚手架搭建的完整项目，那我们需要修改config目录下的index.js当中的host module.exports = { dev: { // Paths assetsSubDirectory: 'static', ...

精选资源

vue项目配置同一局域网可使用ip访问的操作

01-18

补充知识：@vue/cli创建项目报错ERROR Failed to get response from /vue-cli-version-marker的解决方案今天他们遇到一个很有意思的bug，用@vue/cli创建项目的时候报错了，还是个从来没见过的报错：一开始以为是...

本地vue-cli启动了一个项目只能通过localhost:8080访问到,同一局域网下其他的手机

09-08

4. 在其他手机上访问：确保其他手机与同一局域网下，并在手机浏览器中输入你的本地IP地址加上端口号8080（例如：192.168.x.x:8080），即可访问到vue-cli项目。需要注意的是，如果你的电脑使用了防火墙软件，可能...

VUE 内网穿透发布手机端调试 valid host 解决方法

weixin_43780921的博客

11-30

693

今天做H5项目遇到个别安卓手机报错,打不开页面,但苦于没有外网地址,装了vconsole也没法在手机端进行调试, 随经过苦苦查找,发现一完美解决方法,可通过内网穿透的方式访问我本地调试的地址,进而可以实时的进行代码的修改验证.2. 重点来了,当你配置完后打开cpolar给你分配的外网地址,你会发现报invalid host 错误,这个时候就需要你把你项目里的webpack中加一段配置。下载后打开一个管理页,自己傻瓜式配置下就行,不再赘述(就是把你本地启动的前端代码地址端口做下映射)

手机可以通过局域网IP访问Vue项目的配置

jinyajun的博客

06-20

1176

node.js环境下的vue项目在电脑浏览器上可以通过本地ip访问页面。但是在手机上却访问不了该项目。一、查看手机和局域网是否是通的链接该网段的局域网；查看本机防火墙是否有影响，最好是关闭防火墙二、网通了之后，检查项目配置。建议如下配置; 1、查看 config 文件中index.js文件下的host，host:0.0...

手机端和电脑端打开可以看到同一vue项目

vicky_yongqi的博客

11-14

543

1，ipconfig查询电脑连接的手机热点或者是wifi的地址： 2.package.json在"scripts"里"dev"添加你的地址： –host 地址 3.在config文件下修改host，这样手机端才可以打开这样手机端和电脑端打开同一网址都是可以看到vue项目的 ...

springboot结合vue对本地文件及其文件夹进行操作

NLD_GOD的博客

09-01

1153

今天自己做了一个小东西，就是springboot结合vue对本地文件及其文件夹进行操作，可以打开本地文件，打开本地的目录信息，下载本地文件，然后还对不同IP的访问做了一个限制，一个是添加了一个白名单，只有白名单上面的IP地址才能访问该指定的网站，另一个就是设置同一个IP地址在一分钟只能访问该IP地址10次，超过10次之后加入黑名单，只有一天之后才能继续访问。IP限制是两个不同的功能，这一篇文章只写对本地文件以及本地文件夹的操作。前端页面代码：前提：准备工作，创建好实体类功能一：后端把指定目录下面的数据

如何在局域网中访问vue-cli项目

zwkkkk1的博客

03-21

7830

平时在电脑开发完vue-cli的项目的时候，总想试试在手机上的效果,于是就想用把localhost改成ip地址的方式尝试访问，一般都会失败。这里介绍一个方法可以让大家轻松在手机上看到自己的项目,因为vue-cli使用webpack打包了自己的项目,这里可以在项目根目录的package.json文件里进行配置，改变绑定的ip，打开package.json,找到scripts下的dev 结尾增加一...

webpack vue项目开发环境局域网访问

Museions的开心博客

01-27

3233

webpack http代理,vue cli项目跨域代理.思路：将自己的项目启动ip与端口固定，当然端口也可以为默认的8080步骤：1.查看自己在局域网内的ip 命令行 ipconfig 2.回到自己的开发目录，在根目录找到comfig/index.js 修改 host: 自己的局域网ip 修改 port: 自定义端口-最好不要用80或者其他常用端口示例:comfig/index.jshost:'http://192.168.2.153',//一定要加上...

本机上访问tomcat项目可以，局域网内的其他机器访问不到项目