vue 同一局域网的手机和电脑能通过ip看到页面

最新推荐文章于 2023-02-24 17:04:35 发布
原创 最新推荐文章于 2023-02-24 17:04:35 发布 · 754 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue

本文介绍如何修改config文件夹下的index.js文件，将host设置从'localhost'更改为'0.0.0.0'，从而使局域网内的设备能够通过IP地址访问到该页面。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

PS: 找到config文件夹下的index.js文件,修改host:“localhost”为 host:“0.0.0.0”,此时同一局域网下的手机和其他电脑能通过ip查看到页面

同一局域网访问本地 Vue 项目
grootbaby
03-03 1535
同一局域网访问本地 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
查看局域网内另外一个电脑屏幕
最新发布
域智盾软件的博客
11-01 1272
假如有管理者时间比较忙，无法随时随地的查看员工的电脑屏幕，那么就可以使用屏幕录像功能。在这里还可以自定义设置画面的质量、单个视频的时长等。查看局域网内另外一个电脑屏幕是一个相对简单但实用的技术。在局域网中，我们可以使用远程桌面、网络发现和共享、软件等技术来实现这一目标。1、部署软件，安装提示一步步的操作，并且把控制端安装在企业管理者的电脑上，把被控端安装在员工的电脑上。可以通过照片的形式记录查看，并且还可以复制此时此刻的屏幕照片情况。2、然后在左侧选择想要查看的员工的电脑，就可以开启查看画面。
如何 在手机看 电脑的页面 -- 此法仅适用于Vue 必须在同一局域网下
weixin_30687587的博客
04-12 146
先找到本机的 ip地址 命令行 输入 ipconfig 之后把"localhost""替换为 192.168.3.2 localhost:8080 192.168.3.2:8080 到 http://cli.im/ 生成2维码 然后让手机扫描 转载于:https://www.cnblogs.com/wangxiaoQie/p/6701621.html...
vue项目，别人电脑上看你本地的项目
Achong999的博客
02-24 2692
别人打开这个就可以访问你本地项目了（类似于：192.168.100.100:8089 ）（PS：连同一个WiFi，必须在同一个局域网才行）npm run dev --host 报错。4. 电脑IP+端口即可访问了。
vue——如何在本机/利用局域网访问到本机启动的vue项目
css——flex布局
08-12 1010
1、在本机浏览器用localhonst:8080访问启动的vue项目 在终端输入命令启动vue项目： cd myVueProject npm run dev 或 npm run start 项目启动成功后即可访问 2、局域网内的设备可以通过本机IP地址:8080访问本机启动的vue项目 1)在./package.json配置文件中添加： --host 0.0.0.0 "scripts": { ...
用Python实现将手机摄像头画面（彩色或黑白）传到电脑端并且显示
目前主要分享信息学奥赛的知识
03-19 2181
一、实现此功能所必备的手机软件：IP摄像头 二、通过局域网，用python实现将手机摄像头画面传到电脑端并且显示
vue项目配置同一局域网可使用ip访问的操作
01-18
此处的”0.0.0.0″可以改成自己的ip，重启项目就可以了 补充知识：@vue/cli创建项目报错ERROR Failed to get response from /vue-cli-version-marker的解决方案 今天他们遇到一个很有意思的bug，用@vue/cli创建项目...
vue-cli启动本地服务局域网不能访问的原因分析
01-19
 找到config文件夹下的index.js文件,修改host:“localhost”为 host:”0.0.0.0″,此时同一局域网下的手机和其他电脑能通过ip查看到页面 PS：下面看下vue-cli起的webpack项目 用localhost可以访问，但是切换到ip就不...
vue在手机中通过本机IP地址访问webApp的方法
10-18
需要注意的是，无论使用哪种方式，都要求手机和电脑处于同一局域网内。这意味着两者需要连接到同一个WiFi网络。如果没有在同一个局域网中，那么手机将无法访问电脑上的Web应用。 以上是关于Vue在手机中通过本机IP...
基于opencv第三方视觉库，通过内网IP调用手机摄像头，实现人脸识别与图形监测
唤醒手腕
02-17 9082
1. 安装opencv-python视觉库 OpenCV 是一个开源的计算机视觉库，OpenCV 库用C语言和 C++ 语言编写，可以在 Windows、Linux、Mac OS X 等系统运行。同时也在积极开发 Python、Java、Matlab 以及其他一些语言的接口，将库导入安卓和 iOS 中为移动设备开发应用。 OpenCV 库包含从计算机视觉各个领域衍生出来的 500 多个函数，包括工业产品质量检验、医学图像处理、安保领域、交互操作、相机校正、双目视觉以及机器人学。 首先我们来引入我们需要的模块
获取用户手机IP的两种方式
白云天的博客
08-17 7929
安卓获取用户手机IP有两种方式，一种是通过wifi获取，一种是通过GPRS获取。 第一种wifi方式获取： 1.首先设置用户权限 uses-permission android:name="android.permission.ACCESS_WIFI_STATE">uses-permission>   uses-permission android:name="andr
vue：本地配置ip地址访问，电脑浏览器可以打开页面，同一局域网的手机打不开页面
mosowe
09-17 4436
我的处理办法：关闭电脑防火墙
vue配置手机通过IP访问,Win10让局域网内其他电脑通过IP访问网站的方法
weixin_30666401的博客
03-11 344
vue配置手机通过IP访问config/index.js// Various Dev Server settings host: '0.0.0.0', // can be overwritten by process.env.HOST port: 8088, // can be overwritten by process.env.PORT, if port is in use, a ...
在同一局域网下通过手机访问本地Vue项目
SonHOuse1993的博客
08-03 5237
在同一局域网下通过手机访问本地Vue项目修改Vue项目配置查询PC端局域网地址手机端访问系统如果上述配置无法正常访问则需更多配置 有时需要快速在手机端查看本地开发的移动端系统效果。无需部署到服务器就可以进行访问和测试，更加方便真机调试。 修改Vue项目配置 修改根目录的config的index.js，如下： module.exports = { dev: { // Paths assetsSubDirectory: 'static', assetsPublicPath: '/',
手机可以通过局域网IP访问Vue项目的配置
jinyajun的博客
06-20 1154
node.js环境下的vue项目在电脑浏览器上可以通过本地ip访问页面。但是在手机上却访问不了该项目。 一、查看手机和局域网是否是通的 链接该网段的局域网； 查看本机防火墙是否有影响，最好是关闭防火墙 二、网通了之后，检查项目配置。建议如下配置; 1、查看 config 文件中index.js文件下的host，host:0.0...
局域网下手机预览vue项目的方法
qq_45515863的博客
05-20 657
初始创建的vue项目运行后只能通过localhost 8080或127.0.0.1:8080访问，这样的话就只能在自己电脑上进行预览，如果是开发的移动端网页的话，就很难体会到真实的效果，下面就介绍一种可以在手机上预览的方法： 这个方法实现的前提是手机和电脑在同一局域网内，简单来说，就是手机和电脑连接同一WIFI即可。 首先找到使用vue脚手架建立项目config文件中的index,js文件， 修改里面的host属性值：改成 host: '0.0.0.0' 重新npm run dev一下
【vue-cli】vue-cli+webpack配置下局域网，手机无法访问绑定ip的vue项目
z767327552的专栏
03-08 6783
http://192.168.0.104:8080/#/    访问我的vue项目，浏览器可以打开，手机无法打开，在同一局域网段下。1.设置config文件下的index.js文件： dev: { // Paths assetsSubDirectory: 'static', assetsPublicPath: '/', proxyTable: {}, /...
vue的UI框架
ZHXT__的博客
10-28 608
PC端 ：Element 官网地址：官网 介绍：element ui框架的按钮组件，这款由饿了么前端开源的UI框架，一经面世，就收获大量程序员的芳心。在github 上更是高达29.8k的star早已说明一切。用于开发PC端的页面还是绰绰有余的。如果说你是用vue开发者，却没用过element UI，那你肯定不是合格的vue开发者。 ：iview 官网地址：官网 介绍：iView 是一套基...
vue项目让局域网能访问
热门推荐
源码好优多
03-29 2万+
背景 今天同事想要访问我的前端vue项目 我的项目路径是http://192.168.0.234:4864/#/login 端口为4864 然后我设置了新的入站规则为4864 结果同事还是不能访问， 解决办法 vue的配置文件config下面的index.js把locahost改成0.0.0.0就行了 ...
本地vue-cli启动了一个项目只能通过localhost:8080访问到,同一局域网下其他的手机
09-08
如果想让同一局域网下的其他手机也能访问到该项目，可以通过以下方式进行设置： 1. 查找本地IP地址：在命令行中输入ipconfig（Windows）或ifconfig（Mac/Linux），找到与局域网连接的本地IP地址，通常形如192.168.x...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值