如何在局域网下测试vue项目

同一局域网下,通俗讲,就是电脑和手机等其他设备连接的是同一个 wifi

1 修改 vue 项目的 host 地址

  1. vue项目一般使用 npm run dev 或者 npm run server 来运行
  2. 如果是 webpack 构建的项目,在config文件夹下有一个index.js文件,找到dev,把 host 配置成自己电脑本机的 ip 地址(ip地址如何找,看第二步)
    在这里插入图片描述

2 查看本机的ip地址

  1. win + r,调出命令窗口搜索框,一般在电脑左下角弹出,在输入框内输入cmd,回车,进入命令行工具;
    在这里插入图片描述
  2. 在命令行工具中输入 ipconfig,回车;查看自己的 ip 地址,192.168.110.98就是我自己的 ip 地址;

3 host 配置完成后,重新运行 vue 项目

重新运行后,同一局域网下的电脑和手机都可以访问这个地址来实时测试当前正在运行的 vue 项目
在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.xdnf.cn/news/148749.html

如若内容造成侵权/违法违规/事实不符,请联系一条长河网进行投诉反馈,一经查实,立即删除!

相关文章

汽车HMI:UI设计进入了3D时代,设计师准备好了吗?

汽车HMI中的低模是通过使用简化的图形和界面元素来实现的。这些低模通常是通过减少细节和精细度来实现的,以便在有限的处理能力和内存资源下实现更流畅的用户体验。 对UI设计师来说,低模的实现可能会带来一些挑战。 首先,他们需要考虑如何在…

基于51单片机的模拟8层电梯运行proteus仿真

地址: https://pan.baidu.com/s/1i_h6TnziwnPKKo37zlwWAg 提取码:1234 仿真图: 芯片/模块的特点: AT89C52/AT89C51简介: AT89C52/AT89C51是一款经典的8位单片机,是意法半导体(STMicroelectro…

建立分支提交代码

git分支 git branch 产看当前分支 git branch -a 查看所有分支 git checkout 分支名 切换分支 git checkout -b 分支名 建立分支(仅仅是在本地建立了,并没有关联线上) git push --set-upstream origin 分支名 把本地分支推到先线上 建立分支…

SQL进阶技巧:如何利用if语句简化where或join中的条件 | if条件语句的优雅使用方法

目录 0 问题场景 1 数据准备 2 问题分析 2.1 需求一 2.2需求二 3 小结 想要进一步了解SQL这门艺术语言的,可以订阅我的专栏数字化建设通关指南,将在该专栏进行详细解析。 专栏 原价99,现在活动价39.9,按照阶梯式增长&…

SQL语法学习与实战应用

第一章 引言 1.1 MySQL数据库概述 MySQL,作为一种广泛使用的关系型数据库管理系统,自其问世以来,便凭借开源、高性能及低成本等显著特点,迅速占据了广泛的市场份额。这一系统不仅支持大规模并发访问,更提供了多样化的…

项目实战:Ingress搭建Nginx+WP论坛+MariaDB

1. 网站架构 本次部署形式完全舍弃 Docker,将所有应用都置于Kubernetes,采用 Deployment 而非单 Pod 部署,稳定性得到升级。 2. 部署 MariaDB [rootk8s-master ~]# mkdir tdr [rootk8s-master ~]# cd tdr/ (1)定义 …

【JavaEE】——线程“饿死问题” wait notify

阿华代码,不是逆风,就是我疯,你们的点赞收藏是我前进最大的动力!!希望本文内容能够帮助到你! 目录 引子: 一:情景引入 二:线程饿死问题 1:线程饿死 2&a…

lvgl学习笔记--基础对象1

【LVGL学习笔记】(三)控件使用_学习_煜个头头-GitCode 开源社区 LVGL 基础对象|极客笔记 #include "../../../lv_examples.h"void lv_ex_obj_1(void) {lv_obj_t * obj1;obj1 lv_obj_create(lv_scr_act(), NULL);lv_obj_set_size(obj1, 100, …

MySql语言操作数据库---增删改查数据库,表,数据

思维导图 SQL语言共分为四大类: 数据定义语言DDL:数据定义语言DDL用来创建数据库中的各种对象-----[库]、[表]、[视图]、[索引]、 数据操纵语言DML:(1) 插入:INSERT (2) 更新:UPDATE (3) 删除:DELETE 数据查询语言DQL:数据查询语…

Docker 付费订阅价格大幅上调,免费订阅功能受限,云计算和安全产品有调整

云计算de小白 同时,免费的 Docker Personal 订阅将不再包含 Build Cloud 分钟数,支持范围将从三个 Scout 存储库变为仅一个,并且仅限于一个具有 2 GB 存储空间的私有 Docker Hub 容器注册存储库。 不过,Docker也对云计算和安全产…

清华大学开源视频转文本模型——CogVLM2-Llama3-Caption

通常情况下,大多数视频数据并不附带相应的描述性文本,因此有必要将视频数据转换为文本描述,为文本到视频模型提供必要的训练数据。 CogVLM2-Caption 是一个视频字幕模型,用于为 CogVideoX 模型生成训练数据。 文件 使用 import i…

C语言编程中的小数(double,float)

最近看电路基础,第一个知识就是欧姆定律。 一、欧姆本人介绍 欧姆(Georg Simon Ohm)‌,1789年3月16日出生于德国巴伐利亚州的‌埃尔朗根,是一位杰出的物理学家和数学家。他最为人知的是在‌电学领域的贡献&#xff0…

动态倒计时在 Vue 3 中的实现

目录 1. Demo2. 实战Demo3. 拓展Demo 1. Demo 给一版初始的Demo,在给一版实战中的Demo 基本知识点: Vue 3 的响应式原理:Vue 3 使用 reactive 和 ref 创建响应式数据,数据的变化会自动触发视图更新setup 函数:Vue 3…

​智慧铜矿厂综合管控平台,智慧矿山数字孪生

随着矿山行业的不断发展,传统的管理方式已经无法满足现代铜矿高效、安全、环保和精细化管理的需求,因此,构建一个综合管控平台变得尤为必要。HT 铜矿综合管控平台应运而生,通过信息化和智能化手段,整合采矿、选矿、冶炼…

【包教包会】CocosCreator3.x框架——音频模块(无需导入、无需常驻节点)

下载地址:AudioDemo3.x: CocosCreator3.x框架——音频模块 注意事项: 1、gi.musicPlay、gi.soundPlay是同步函数,使用前必须先将音频加载到缓存 Demo通过SceneLoading实现了一个极简的Loading页面,将音频全部加载后进入游戏&…

Vue学习文档

文章目录 一、Vue 简介1、官网2、作者和版本3、定义4、特点5、Vue 的周边库二、Vue 安装使用1、CDN 引入2、下载后引入3、命令行工具 (CLI)三、入门案例四、MVVM模型1、MVVM 模型2、Vue 与 MVVM 模型五、Vue 基本使用1、文本插值(掌握)-text2、属性插值(掌握 )-bind3、Clas…

【Python】Spyder:科学 Python 开发环境

在数据科学和科学计算领域,Python 已经成为了一个不可或缺的工具。为了提高开发效率和改善编程体验,一个功能强大且用户友好的开发环境是必需的。Spyder(Scientific Python Development Environment)正是这样一个为科学计算和数据…

数据结构-线性表的单链式存储结构图解及C语言实现

概念 链式存储:结点在存储器中的位置是任意的,即逻辑相邻的数据元素在物理上不一定相邻 链式存储结构也称非顺序映像或链式映像 图解 链式存储结构中结点一般有两个部分组成,即数据域(data)和指针域,数据域是用于存放数据的&…

振弦式轴力计 轴向力仪器钢支撑轴力计 清易让选择不再迷路

产品概述 振弦式轴力计是一种用于测量轴向力的仪器。它通过测量振弦的频率变化来计算轴向力的大小。当轴向力作用在弹性元件上时,振弦的张力会发生变化,从而导致振弦的频率发生变化。电磁线圈用于驱动振弦并测量其频率。信号处理单元则用于将频率信号转…

Anthropic谋求新一轮融资 估值或达400亿美元

🦉 AI新闻 🚀 Anthropic谋求新一轮融资 估值或达400亿美元 摘要:美国AI初创公司Anthropic正在与投资者洽谈新一轮融资,估值可能达到300至400亿美元,约为今年初融资估值的两倍。Anthropic依靠其生成式AI聊天机器人Cla…