当前位置：首页 > news >正文

vue 项目/备案网页/ip网页打包成 apk 安装到平板/手机（含vue项目跨域代理打包成apk后无法访问接口的解决方案）

news 2026/2/8 11:32:13

下载安装HBuilder X编辑器

https://www.dcloud.io/hbuilderx.html

新建 5+APP 项目

打开 HBuilder X，新建项目

此处项目名以 ‘test’ 为例
在这里插入图片描述

含跨域代理的vue项目改造

若 vue 项目中含跨域代理，如 vue.config.js

module.exports = {publicPath: "./", // 【必要】静态文件使用相对路径outputDir: "./dist", //打包后的文件夹名字及路径devServer: {proxy: {"/myAPI": {target: " http://43.140.200.74:8810/", //换成你自己项目的开发或者生产地址ws: false, //也可以忽略不写，不写不会影响跨域changeOrigin: true, //是否开启跨域，值为 true 就是开启， false 不开启pathRewrite: {"^/myAPI": "", //注册全局路径， 但是在你请求的时候前面需要加上 /myAPI},},},},
};

则在打包成 apk 后会无法访问接口，因为app无跨域限制，不能使用跨域代理，需使用访问接口的绝对路径，如：原接口 “/myAPI/dmis/login” 需改为 “http://43.140.200.74:8810/dmis/login” 才能使用。

为了便捷，可通过修改 axios 配置文件实现，如在 src\axios.js 中按下图增加代码

在这里插入图片描述

axios.defaults.baseURL = "http://43.140.200.74:8810/";

config.url = config.url.replace("/myAPI", "");

植入vue 项目

若是 vue 项目，则保留新建的 test 项目中的 manifest.json 文件，将其他文件全部删掉，将 vue 项目打包后的文件拷贝到 test 项目中，范例如下图

原 vue 项目打包后的文件
在这里插入图片描述

植入vue 项目后的 test 项目
在这里插入图片描述

修改 manifest.json 配置

根据项目实际需求，修改 manifest.json 配置，常见的修改有：

应用名称，应用版本号，应用入口

在这里插入图片描述
若是将备案网页/ip网页打包成 apk，则将应用入口改成备案网页/ip网页地址即可，如

在这里插入图片描述

应用图标

点浏览选择png格式的图片后，点击 自动生成所有图标并替换 ，即可便捷更换应用图标

在这里插入图片描述

设置横竖屏

vue 项目/网页通常适配的pc上的横屏效果，所以打包时通常也需配置为横屏。
在这里插入图片描述

取消不必要的模块

默认配置了很多模块，如扫码、相机相册等，没涉及时建议取消，可减小apk包的大小。

在这里插入图片描述
特别是通讯录模块，因涉及用户敏感信息，打包时会需要进行认证，通常需要取消勾选。

开始打包

使用 HBuilder X 进行云打包

在这里插入图片描述

在这里插入图片描述
因云打包人较多，可能需要排队

完成排队，进入打包状态后，约需 2-5分钟完成打包

打包成功后，根据目录提示可找到最终的 apk 文件

在模拟器上安装测试

在电脑上下载安装 雷电模拟器
https://www.ldmnq.com/

打开 雷电模拟器，通过拖拽或浏览的方式安装 apk
在这里插入图片描述
安装成功后

在这里插入图片描述
单击打开即可

在这里插入图片描述

vue 项目/备案网页/ip网页打包成 apk 安装到平板/手机（含vue项目跨域代理打包成apk后无法访问接口的解决方案）

下载安装HBuilder X编辑器 https://www.dcloud.io/hbuilderx.html 新建 5APP 项目打开 HBuilder X，新建项目此处项目名以 ‘test’ 为例含跨域代理的vue项目改造若 vue 项目中含跨域代理，如 vue.config.js module.exports {publicPath: "./&…...

编程日记 2023/12/26 6:14:07

面试复盘4——后端开发——一面

前言本文主要用于个人复盘学习，因此为保障公平，所以本文不指出公司名，题目编号只是为了自己区别而已。对待面经，望读者还是更多从其中学习总结，而不是去碰原题。面试岗位信息北京某初创，go开发&#…...

编程日记 2023/12/26 6:13:06

使用 Postman 进行并发请求：实用教程与最佳实践

背景介绍最近，我们发起了一个在线图书管理系统的项目。我负责的一个关键模块包括三个主要后台接口： 实现对books数据的检索。实施对likes数据的获取。通过collections端点访问数据。应对高流量的挑战在设计并部署接口时，我们不可避免地…...

编程日记 2023/12/26 6:11:03

河南工程学院第六届程序设计竞赛-A组-题解

更好的阅读体验 \color{red}{更好的阅读体验} 更好的阅读体验远古时期的签到题原题链接描述： 远古时期奇妙的事情… 远古时期有一个比赛，里面有这样一道签到题： 给定一个正整数 N N N求这个整数转化为二进制后的数有多少位是 0 0 0。…...

编程日记 2023/12/26 6:05:59

韩版传奇 2 源码分析与 Unity 重制（二）客户端启动与交互流程

专题介绍该专题将会分析 LOMCN 基于韩版传奇 2，使用 .NET 重写的传奇源码（服务端客户端），分析数据交互、状态管理和客户端渲染等技术，此外笔者还会分享将客户端部分移植到 Unity 和服务端用现代编程语言重写的全过…...

编程日记 2023/12/26 6:02:56

JVM面试——运行时数据区

一：JVM的运行时内存区域是怎样的? 根据Java虚拟机规范的定义，JVM的运行时内存区域主要由程序计数器、虚拟机栈、本地方法栈、Java堆、方法区和以及运行时常量池组成。其中堆、方法区以及运行时常量池是线程之间共享的区域，而栈&#xff08…...

编程日记 2023/12/26 6:00:54

ssh工具向指定的ssh服务器配置公钥

此文分享一个python脚本，用于向指定的ssh服务器配置公钥，以达到免密登录ssh服务器的目的。效果演示 🔥完整演示效果 👇第一步，显然，我们需要选择功能 👇第二步，确认 or 选择ssh服务器 👇第三步，输入ssh登录密码，以完成公钥配置 👇验证，我们通过ssh登录…...

编程日记 2023/12/26 5:59:53

uni-app pages.json之globalStyle全局页面样式配置

锋哥原创的uni-app视频教程： 2023版uniapp从入门到上天视频教程(Java后端无废话版)，火爆更新中..._哔哩哔哩_bilibili2023版uniapp从入门到上天视频教程(Java后端无废话版)，火爆更新中...共计23条视频，包括：第1讲 uni…...

编程日记 2023/12/26 5:58:52

Blazor 混合开发_MAUI+Vue_WPF+Vue

Blazor 混合开发_MAUIVue_WPFVue 背景混合开发的核心为什么必须使用 wwwroot 文件夹放置 Web 项目文件创建 MAUI 项目创建 wwwroot 文件夹服务注册创建 _import.razor添加 Main.razor 组件修改 MainPage.xaml 文件创建 WPF 项目创建 wwwroot 文件夹服务注册创建 _import.razo…...

编程日记 2023/12/26 5:56:50

udp异步方式接收消息

C#实现 //定义结构体 public struct UdpState { public UdpClient u; public IPEndPoint e; } private UdpClient _client; //_client的初始化请参考其他资料 IPEndPoint remoteEP null; //TODO //public static bool mess…...

编程日记 2023/12/26 5:53:47

【RocketMQ笔记01】安装RocketMQ消息队列运行环境

这篇文章，主要介绍如何安装RocketMQ消息队列运行环境。目录一、RocketMQ消息队列 1.1、下载RocketMQ 1.2、解压安装包 1.3、配置RocketMQ环境变量 1.4、修改启动脚本 1.5、启动RocketMQ （1）启动NameServer （2&#xff0…...

编程日记 2023/12/26 5:51:46

使用 Privoxy 实现对多域名的定向转发

需求与思路内网一台主机想要访问公网的两个不同站点, 想要实现访问两个站点时表现出不同的公网 IP 地址. 即在公网的站点服务器端看到的客户端 IP 是不同的. 思路是搭建两台具有不同公网 IP 的服务器, 分别安装配置 Privoxy 后进行串联, 并将其中一台作为主服务器暴露给内网…...

编程日记 2023/12/26 5:49:45

《PySpark大数据分析实战》-19.NumPy介绍ndarray介绍

📋 博主简介 💖 作者简介：大家好，我是wux_labs。😜 热衷于各种主流技术，热爱数据科学、机器学习、云计算、人工智能。通过了TiDB数据库专员（PCTA）、TiDB数据库专家（PCTP…...

编程日记 2023/12/26 5:48:44

图解LRU缓存

图解LRU缓存 OJ链接介绍 LRU 缓存机制可以通过哈希表辅以双向链表实现，我们用一个哈希表和一个双向链表维护所有在缓存中的键值对。双向链表按照被使用的顺序存储了这些键值对，靠近尾部的键值对是最近使用的，而靠近头部的键值对是最久未…...

编程日记 2023/12/26 5:46:41

FFmpeg常见命令行

1、ffmpeg命令行视频生成图片 ffmpeg -i test.mp4 -r 25 -f image2 data/image%3d.jpg这个命令行使用FFmpeg工具将视频文件（test.mp4）转换为一系列图像文件。让我们逐个解释每个参数的含义： -i test.mp4: 指定输入文件为test.mp4。-i是F…...

编程日记 2023/12/26 5:45:40

智能优化算法应用：基于斑马算法3D无线传感器网络(WSN)覆盖优化 - 附代码

智能优化算法应用：基于斑马算法3D无线传感器网络(WSN)覆盖优化 - 附代码文章目录智能优化算法应用：基于斑马算法3D无线传感器网络(WSN)覆盖优化 - 附代码1.无线传感网络节点模型2.覆盖数学模型及分析3.斑马算法4.实验参数设定5.算法结果6.参考文献7.MA…...

编程日记 2023/12/26 5:41:36

《C++避坑神器·二十五》简单搞懂json文件的读写之遍历json文件读写

json.hpp库放在文章末尾 1、遍历json文件读写 （1）插入新键值对到json之情形1 原来json文件如下所示： {"Connection": {"IpAddress": "192.168.20.1","Rock": 0,"Solt": 1}, "Data…...

编程日记 2023/12/26 5:40:35

使用 fixture 机制重构 appium_helloworld

一、前置说明在 pytest 基础讲解章节，介绍了 pytest 的特性和基本用法，现在我们可以使用 pytest 的一些机制，来重构 appium_helloworld 。 appium_helloworld 链接: 编写第一个APP自动化脚本 appium_helloworld ，将脚本跑起来代码目录结构： pytest.ini 设置： [pyt…...

编程日记 2023/12/26 5:36:32

软件版本：python3.6 窗口和界面gui代码： class mygui:def _init_(self):passdef run(self):root Tkinter.Tk()root.title(ExcelRun)max_w, max_h root.maxsize()root.geometry(f500x500{int((max_w - 500) / 2)}{int((max_h - 300) / 2)}) # 居中显示…...

编程日记 2023/12/26 5:28:26

Podman配置mongodb

文章目录查询镜像拉取镜像查看镜像运行容器创建root用户查询镜像 podman search mongo拉取镜像 podman pull docker.io/library/mongo查看镜像 podman images运行容器 podman run -d -p 27017:27017 --namemongodb-test docker.io/library/mongo创建root用户 podman exe…...

编程日记 2023/12/26 5:27:25

Mybatis逆向工程，动态创建实体类、条件扩展类、Mapper接口、Mapper.xml映射文件

今天呢，博主的学习进度也是步入了Java Mybatis 框架，目前正在逐步杨帆旗航。那么接下来就给大家出一期有关 Mybatis 逆向工程的教学，希望能对大家有所帮助，也特别欢迎大家指点不足之处，小生很乐意接受正确的建议&…...

编程新知 2026/1/31 15:00:15

MMaDA: Multimodal Large Diffusion Language Models

CODE ： https://github.com/Gen-Verse/MMaDA Abstract 我们介绍了一种新型的多模态扩散基础模型MMaDA，它被设计用于在文本推理、多模态理解和文本到图像生成等不同领域实现卓越的性能。该方法的特点是三个关键创新:(i) MMaDA采用统一的扩散架构&#xf…...

编程新知 2026/2/3 15:24:36

Keil 中设置 STM32 Flash 和 RAM 地址详解

文章目录 Keil 中设置 STM32 Flash 和 RAM 地址详解一、Flash 和 RAM 配置界面（Target 选项卡）1. IROM1（用于配置 Flash）2. IRAM1（用于配置 RAM）二、链接器设置界面（Linker 选项卡）1. 勾选“Use Memory Layout from Target Dialog”2. 查看链接器参数（如果没有勾选上面…...

编程新知 2026/2/7 0:28:16

2025 后端自学UNIAPP【项目实战：旅游项目】6、我的收藏页面

代码框架视图 1、先添加一个获取收藏景点的列表请求【在文件my_api.js文件中添加】 // 引入公共的请求封装 import http from ./my_http.js// 登录接口（适配服务端返回 Token） export const login async (code, avatar) > {const res await http…...

编程新知 2026/1/29 11:40:13

ETLCloud可能遇到的问题有哪些？常见坑位解析

数据集成平台ETLCloud，主要用于支持数据的抽取（Extract）、转换（Transform）和加载（Load）过程。提供了一个简洁直观的界面，以便用户可以在不同的数据源之间轻松地进行数据迁移和转换。…...

编程新知 2026/2/3 12:56:31

Neo4j 集群管理：原理、技术与最佳实践深度解析

Neo4j 的集群技术是其企业级高可用性、可扩展性和容错能力的核心。通过深入分析官方文档，本文将系统阐述其集群管理的核心原理、关键技术、实用技巧和行业最佳实践。 Neo4j 的 Causal Clustering 架构提供了一个强大而灵活的基石，用于构建高可用、可扩展且一致的图数据库服务…...

编程新知 2025/12/27 16:43:24

JVM暂停（Stop-The-World，STW）的原因分类及对应排查方案

JVM暂停（Stop-The-World，STW）的完整原因分类及对应排查方案，结合JVM运行机制和常见故障场景整理而成：一、GC相关暂停 1. 安全点（Safepoint）阻塞现象：JVM暂停但无GC日志，日志显示No GCs detected。原因：JVM等待所有线程进入安全点（如…...

编程新知 2026/2/7 11:25:15

Rapidio门铃消息FIFO溢出机制

关于RapidIO门铃消息FIFO的溢出机制及其与中断抖动的关系，以下是深入解析： 门铃FIFO溢出的本质在RapidIO系统中，门铃消息FIFO是硬件控制器内部的缓冲区，用于临时存储接收到的门铃消息（Doorbell Message）。…...

编程新知 2026/1/7 1:29:19

Maven 概述、安装、配置、仓库、私服详解

目录 1、Maven 概述 1.1 Maven 的定义 1.2 Maven 解决的问题 1.3 Maven 的核心特性与优势 2、Maven 安装 2.1 下载 Maven 2.2 安装配置 Maven 2.3 测试安装 2.4 修改 Maven 本地仓库的默认路径 3、Maven 配置 3.1 配置本地仓库 3.2 配置 JDK 3.3 IDEA 配置本地 Ma…...

编程新知 2026/2/8 1:58:01

算法笔记2

1.字符串拼接最好用StringBuilder，不用String 2.创建List<>类型的数组并创建内存 List arr[] new ArrayList[26]; Arrays.setAll(arr, i -> new ArrayList<>()); 3.去掉首尾空格...

编程新知 2026/1/27 12:17:05

下载安装HBuilder X编辑器

新建 5+APP 项目

含跨域代理的vue项目改造

植入vue 项目

修改 manifest.json 配置

应用名称，应用版本号，应用入口

应用图标

设置横竖屏

取消不必要的模块

开始打包

在模拟器上安装测试

相关文章：