手机端如何访问本地vue+vite项目,实现实时调试?

news/2024/9/23 23:39:12/

一、应用场景

h5(vue+vite)嵌入app后,出现某种问题时,需要每次发布坏境后,才能才看效果,这种来回很耗时间,本文章在于解决手机端直接访问本地启动应用项目,无需重复发布坏境

二、实现步骤

1、查看电脑ip

cmd里输入ipconfig,查看IPv4地址,并复制
在这里插入图片描述

2、修改项目的vite.config.js 文件

port:随意写一个没有被占用的端口
host: 第一步复制的IPv4地址
在这里插入图片描述

3、测试效果

本地重新启动项目,并打开网址,将浏览器中打开的网址直接复制到手机端,点开即可直接浏览项目


http://www.ppmy.cn/news/1464191.html

相关文章

vue中封装组件实例

本篇是一篇组件封装。因为要经常使用,特此封装并且记录下来,以供参考。 封装组件:封装组件是指将一段具有特定功能的Vue代码(包括模板、脚本和样式)封装成一个可复用的组件。这个组件可以作为一个独立的单元&#xff…

py黑帽子学习笔记_scapy

简介 代码简洁:相比于前两个博客总结,很多socket操作,如果使用scapy仅需几行代码即可实现 获取邮箱身份凭证 编写基础嗅探器,脚本可显示任何收到的一个包的详细情况 直接运行 尝试监听邮件收发,监听指定端口&#x…

钡铼PLC集成BL121PO协议网关优化电子制造产线的生产效率

PLC转OPC UA协议转换网关BL121PO在电子制造产线中的优化应用,可以显著提高生产效率,促进生产线的智能化和信息化发展。本文将从以下几个方面进行阐述: 提高设备间通信效率:PLC转OPC UA协议转换网关BL121PO通过高效的协议转换&…

如何确保大模型 RAG 生成的信息是基于可靠的数据源?

在不断发展的人工智能 (AI) 领域中,检索增强生成 (RAG) 已成为一种强大的技术。 RAG 弥合了大型语言模型 (LLM) 与外部知识源之间的差距,使 AI 系统能够提供更全面和信息丰富的响应。然而,一个关键因素有时会缺失——透明性。 我们如何能够…

快乐数-力扣

使用一个set来存储遇到的每个数,如果遇到的数在set中,那么说明这个数不是快乐数,否则一直循环下去,直到n 1结束循环,表示这个数是个快乐数。 需要注意的是,给定一个数 n, 怎样对这个数 n 进行每一位求和。…

基于docxtpl的模板生成Word

docxtpl是一个用于生成Microsoft Word文档的模板引擎库。它结合了docx模块和Jinja2模板引擎,使用户能够使用Microsoft Word模板文件并在其中填充动态数据。这个库提供了一种方便的方式来生成个性化的Word文档,并支持条件语句、循环语句和变量等控制结构&…

Tasker+SendSilentMail实现钉钉自动打卡

Tasker 允许用户根据自定义的“配置文件”(Profiles),在特定的“背景”(Contexts)下,执行指定的“任务”(Tasks)。以下是关于Tasker的详细介绍: 强大的自定义能力:用户可以根据自己的需求,创建各种配置文件和任务&…

C 实现 WebSocket 服务器

目录 一、概述 二、基本特征 三、使用案例 1、客户端 HTML 代码 2、服务端 C 代码 四、运行结果 一、概述 实现 WebSocket 服务器主要参考 RFC 协议。链接如下: RFC 6455: The WebSocket Protocol (rfc-editor.org)https://www.rfc-editor.org/rfc/rfc6455.h…