局域网访问本地VUE 项目

最新推荐文章于 2025-02-23 12:17:11 发布
最新推荐文章于 2025-02-23 12:17:11 发布
阅读量356 收藏
点赞数
分类专栏： 前端知识 vue 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_37337830/article/details/114645370
版权

1、检查防火墙是否关闭， 控制面板\系统和安全\Windows Defender 防火墙  -> 启动或关闭防火墙

 

2、vue 项目 config.index.js 修改 localhost: xxxx  => host:0.0.0.0

host: '0.0.0.0',

 

同一局域网访问本地 Vue 项目
grootbaby
03-03 1490
同一局域网访问本地 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
webpack vue项目开发环境局域网访问方法
08-27
这时，就需要配置Webpack以允许局域网访问。下面我们将详细介绍如何实现Webpack和Vue项目在局域网内的共享。 首先，我们要理解思路。要使局域网内的其他设备可以访问我们的开发服务器，我们需要确保项目启动的IP...
vue本地项目实现局域网访问
weixin_51751522的博客
06-03 3402
vue项目实现本地局域网访问 首先需要在同一个网络中，才能进行互相访问 首先需要找到config下的index.js文件，更改访问的host地址，将其改为 host: '0.0.0.0' 这样就已经能通过ip地址和localhost访问了，但是会发现启动后他是这个样子 这时就需要设置启动后终端显示localhost和network访问地址 找到build文件夹的webpack.dev.conf.js文件 找到其中的compilationSuccessInfo里的messages，如下图，在其中
局域网内vue2 3 配置本地IP地址访问项目
m0_68716504的博客
06-24 1971
/在这句代码后面添加 --host 0.0.0.0" 如下messages: [ //下面两个地方，直接复制即可` - Local: http://localhost:${port}`, //配置这里` - Network: http://${require('ip').address()}:${port}`,//配置这里],},?}))
vue怎么设置允许局域网手机访问
最新发布
小妖666个人笔记
02-23 408
vue怎么设置允许局域网手机访问
vue项目在局域网中访问
ningmengbu_suan的博客
10-19 699
第一步：修改config文件中找到 index.js 文件的host改成 ‘0.0.0.0’ 第二步：检查 package.json 文件里进行配置，scripts.dev配置是否设置 host为‘0.0.0.0’
vue 局域网如何访问本地项目
王也的博客
02-08 938
vue 同局域网访问不到的问题及解决
Vue项目给局域网访问
qq_37416316的博客
08-12 322
问题：直接运行不能给局域网访问 解决：在package.json文件中的scripts属性，修改dev的值，在后面添加--host 192.168.0.129即可。如图所示：
vue-cli启动本地服务局域网不能访问的原因分析
08-28
标题和描述中提到的问题就是，当你尝试通过 IP 地址而非 `localhost` 访问本地 Vue CLI 项目时，其他设备无法访问。这个问题的根源在于 Vue CLI 的配置。 默认情况下，Vue CLI 的配置文件（位于 `config/index.js`...
Vue项目设置局域网可以访问
IT之一小佬的博客
06-23 4307
Vue项目设置局域网可以访问
vue项目局域网访问
weixin_30411997的博客
03-01 109
vue的配置文件config下面的index.js把locahost改成0.0.0.0就行了 访问就是本机的ip地址http://192.168.101.110:8080 转载于:https://www.cnblogs.com/yubaibai/p/10457412.html
同一局域网下访问vue项目
qq_43183942的博客
04-15 7506
#同一局域网下访问vue项目 ##同一局域网： 在你的电脑上用快捷键windows + R打开cmd，使用ping + ip地址（想要访问你项目的那台电脑的ip地址），如果成功后就表示你们处于同一局域网下。 ##本机ip地址 在你的电脑上用快捷键windows + R打开cmd，使用ipconfig命令，就可以看到本机ip地址。 ##访问本地项目 当你成功执行上一步，确定你们处于同一局域网下后：在你的项目中找到config文件夹，找到index.js文件，你可以看到host:localhost(默认)，
vue项目启动后实现localhost和局域网内ip访问页面
2301_78187511的博客
07-08 1521
【代码】vue项目启动后实现localhost和局域网内ip访问页面。
如何在本地启动vue项目使用域名访问
AuraVic的博客
11-27 4410
小编今天产品上有一个需求，就是多个相同二级域名下的系统的要共享cookie，通过cookie来进行免密登录。那这个需求在本地我们如何调试呢？这就需要依靠本地启动一个服务通过域名来访问。
内网访问前端本地项目方法
weixin_62144981的博客
10-11 505
3. build中webpack.dev.conf.js里devserver中增加disableHostCheck:true。2.config中index.js里dev模块host改为自己ip地址。1.package文件里更改host为0.0.0.0。"host":"自己ip地址"
vue项目--同一局域网访问你本地的项目
acyj68799的博客
07-01 3128
方法一： 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项目
wkkkkkw的博客
07-21 1105
同一局域网下手机访问电脑做的vue项目
vue 本地的项目别人怎么通过 ip地址来访问
qq_42353989的博客
08-08 3762
最近有人问我，我写了个vue 项目，但是我经理想在他电脑上看效果 怎么看不了，连接的是同一个无线网？ 1. 告诉大家一个最简单的方法，找到confing下的index.js 把你的host： 原来的localhose 改为你自己的ip地址，然后保存，这样别人就能在同一局域网下 来访问你的vue 项目了 访问的时候通过你的ip地址加上你的端口号就ok了 ...
如何在手机上预览vue项目
一起coding，一起嗨。
11-19 1753
前提：手机和电脑处于同一网络(同一个路由器),电脑WiFi和手机WiF、电脑有线和手机wifi 一、打开cmd查询电脑IP ipconfig 二、将电脑IP配置到vue的package.json中 dev: { host: '192.168.50.45', // 原为: hotst: 'localhost' } --host192.168.50.45 "scripts": { "dev": "webpack-dev-server --inline ...
局域网访问vue项目看不到图片
05-30
如果您的 Vue 项目在局域网中可以访问，但是无法加载图片，那么可能是以下原因之一： 1. 您的图片路径是相对路径，而不是绝对路径。在本地运行时，相对路径可以正常工作，但是在其他设备上访问时，相对路径可能无法...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值