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

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

news 2025/11/1 9:01:02

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

日语AI面试高效通关秘籍：专业解读与青柚面试智能助攻

在如今就业市场竞争日益激烈的背景下，越来越多的求职者将目光投向了日本及中日双语岗位。但是，一场日语面试往往让许多人感到步履维艰。你是否也曾因为面试官抛出的“刁钻问题”而心生畏惧？面对生疏的日语交流环境，即便提前恶补了…...

编程新知 2025/10/30 10:46:47

树莓派超全系列教程文档--(61)树莓派摄像头高级使用方法

树莓派摄像头高级使用方法配置通过调谐文件来调整相机行为使用多个摄像头安装 libcam 和 rpicam-apps依赖关系开发包文章来源： http://raspberry.dns8844.cn/documentation 原文网址配置大多数用例自动工作，无需更改相机配置。但是，一…...

编程新知 2025/10/29 8:42:26

Java 语言特性(面试系列1)

一、面向对象编程 1. 封装（Encapsulation） 定义：将数据（属性）和操作数据的方法绑定在一起，通过访问控制符（private、protected、public）隐藏内部实现细节。示例： public …...

编程新知 2025/10/6 4:03:40

OkHttp 中实现断点续传 demo

在 OkHttp 中实现断点续传主要通过以下步骤完成，核心是利用 HTTP 协议的 Range 请求头指定下载范围： 实现原理 Range 请求头：向服务器请求文件的特定字节范围（如 Range: bytes1024-） 本地文件记录：保存已…...

编程新知 2025/9/17 19:16:20

DBAPI如何优雅的获取单条数据

API如何优雅的获取单条数据案例一对于查询类API，查询的是单条数据，比如根据主键ID查询用户信息，sql如下： select id, name, age from user where id #{id}API默认返回的数据格式是多条的，如下： {&qu…...

编程新知 2025/10/27 21:59:28

HashMap中的put方法执行流程（流程图）

1 put操作整体流程 HashMap 的 put 操作是其最核心的功能之一。在 JDK 1.8 及以后版本中，其主要逻辑封装在 putVal 这个内部方法中。整个过程大致如下： 初始判断与哈希计算： 首先，putVal 方法会检查当前的 table（也就…...

编程新知 2025/10/25 7:56:52

搭建DNS域名解析服务器(正向解析资源文件)

正向解析资源文件 1）准备工作服务端及客户端都关闭安全软件 [rootlocalhost ~]# systemctl stop firewalld [rootlocalhost ~]# setenforce 0 2）服务端安装软件：bind 1.配置yum源 [rootlocalhost ~]# cat /etc/yum.repos.d/base.repo [Base…...

编程新知 2025/10/29 23:08:20

为什么要创建 Vue 实例

核心原因：Vue 需要一个「控制中心」来驱动整个应用你可以把 Vue 实例想象成你应用的**「大脑」或「引擎」。它负责协调模板、数据、逻辑和行为，将它们变成一个活的、可交互的应用**。没有这个实例，你的代码只是一堆静态的 HTML、JavaScript 变量和函数，无法「活」起来。 …...

编程新知 2025/10/23 23:35:01

保姆级【快数学会Android端“动画“】+ 实现补间动画和逐帧动画！！！

目录补间动画 1.创建资源文件夹 2.设置文件夹类型 3.创建.xml文件 4.样式设计 5.动画设置 6.动画的实现内容拓展 7.在原基础上继续添加.xml文件 8.xml代码编写 (1)rotate_anim (2)scale_anim (3)translate_anim 9.MainActivity.java代码汇总 10.效果展示逐帧…...

编程新知 2025/10/29 2:57:03

Unity VR/MR开发-VR开发与传统3D开发的差异

视频讲解链接：【XR马斯维】VR/MR开发与传统3D开发的差异【UnityVR/MR开发教程--入门】_哔哩哔哩_bilibili...

编程新知 2025/10/26 0:07:11

下载安装HBuilder X编辑器

新建 5+APP 项目

含跨域代理的vue项目改造

植入vue 项目

修改 manifest.json 配置

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

应用图标

设置横竖屏

取消不必要的模块

开始打包

在模拟器上安装测试

相关文章：