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

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

news 2025/12/16 13:18:39

下载安装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

【根据当天日期输出明天的日期(需对闰年做判定)。】2022-5-15

缘由根据当天日期输出明天的日期(需对闰年做判定)。日期类型结构体如下： struct data{ int year; int month; int day;};-编程语言-CSDN问答 struct mdata{ int year; int month; int day; }mdata; int 天数(int year, int month) {switch (month){case 1: case 3:…...

编程新知 2025/11/27 21:52:13

C++_核心编程_多态案例二-制作饮品

#include <iostream> #include <string> using namespace std;/*制作饮品的大致流程为：煮水 - 冲泡 - 倒入杯中 - 加入辅料利用多态技术实现本案例，提供抽象制作饮品基类，提供子类制作咖啡和茶叶*//*基类*/ class AbstractDr…...

编程新知 2025/12/7 12:19:22

【SQL学习笔记1】增删改查+多表连接全解析（内附SQL免费在线练习工具）

可以使用Sqliteviz这个网站免费编写sql语句，它能够让用户直接在浏览器内练习SQL的语法，不需要安装任何软件。链接如下： sqliteviz 注意： 在转写SQL语法时，关键字之间有一个特定的顺序，这个顺序会影响到…...

编程新知 2025/12/11 10:24:33

VTK如何让部分单位不可见

最近遇到一个需求，需要让一个vtkDataSet中的部分单元不可见，查阅了一些资料大概有以下几种方式 1.通过颜色映射表来进行，是最正规的做法 vtkNew<vtkLookupTable> lut; //值为0不显示，主要是最后一个参数，透明度…...

编程新知 2025/12/12 4:55:21

并发编程 - go版

1.并发编程基础概念进程和线程 A. 进程是程序在操作系统中的一次执行过程，系统进行资源分配和调度的一个独立单位。B. 线程是进程的一个执行实体,是CPU调度和分派的基本单位,它是比进程更小的能独立运行的基本单位。C.一个进程可以创建和撤销多个线程;同一个进程中…...

编程新知 2025/12/13 10:22:33

uniapp 开发ios， xcode 提交app store connect 和 testflight内测

uniapp 中配置配置manifest 文档：manifest.json 应用配置 | uni-app官网 hbuilderx中本地打包下载IOS最新SDK 开发环境 | uni小程序SDK hbulderx 版本号：4.66 对应的sdk版本 4.66 两者必须一致本地打包的资源导入到SDK 导入资源 | uni小程序SDK …...

编程新知 2025/12/14 5:03:24