CORDOVA+VUE打包APK文件无法访问数据接口

最新推荐文章于 2024-03-22 15:57:37 发布
最新推荐文章于 2024-03-22 15:57:37 发布
阅读量3.8k 收藏 3
点赞数 1
分类专栏： cordova
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jiwufeiyang/article/details/98033195
版权

CORDOVA+VUE打包APK文件无法访问数据接口


CORDOVA+VUE打包后运行APP，但是app中的数据请求都失败了，原因是安装的Android SDK版本较高，默认开启了对非加密明文传输的保护，所以通过http网络请求数据不会成功。
解决方法：
1.进入项目文件夹 

cordova platform remove android
cordova platform add  android@6.3.0

2.进入\platforms\android\app\src\main\res\xml文件夹，新增文件network_security_config.xml
文件内容：

```
<?xml version="1.0" encoding="utf-8"?>
<network-security-config>
    <base-config cleartextTrafficPermitted="true">
        <trust-anchors>
            <certificates src="system" />
        </trust-anchors>
    </base-config>
</network-security-config>

然后在\platforms\android\app\src\main\AndroidManifest.xml文件中的标签中加入android:networkSecurityConfig="@xml/network_security_config"

激舞飞扬_shanke
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
关于cordova+vue打包apk文件无法访问数据接口
dikong9237的博客
04-29 1357
作为一个cordova小白，我按照官方文档和网上资料完成了讲vue文件打包到cordova中并打包成apk文件，完成了一个简单app的制作，当我正陶醉于可以自己完成一个app的时候突然发现，我的app居然无法访问服务器数据，这时我疯狂地去找解决方案，然而可能是我的搜索能力太差了，一直没有找到解决方法，最后当我即将放弃的时候发现了一个方法，觉得它是比较靠谱的，果不其然，解决了我的问题。 ...
vue项目打包之后接口出现错误解决方式
温情
04-03 5900
错误信息 这是新建一个项目还原问题，node简单写了个数据返回 请求代码 const express = require('express') const app = express(); // 解决跨域问题 app.use(function(req, res, next) { res.header("Access-Control-Allow-Origin", "*"); res.header('Access-Control-Allow-Methods', 'PUT, GET, POS
Cordova打包成apk后url地址无法请求！！！！！
梦里小白龙个人博客
05-31 6818
1.开发环境 cordvoa7.1.4 android sdk 28 vue 2.0 前言：为保证用户数据和设备的安全，Google针对下一代 Android 系统(Android P) 的应用程序，将要求默认使用加密连接，这意味着 Android P 将禁止 App 使用所有未加密的连接，因此运行 Android P 系统的安卓设备无论是接收或者发送流量，未来都不能明码传输，需要使用下一代(Tr...
cordova+vue 打包apk 白屏或无法访问数据接口
yooellie的博客
11-25 3229
构建app cordova + Vue 开发 APP 上手指南 在vue项目目录下执行 cordova create hello cd hello cordova platform add android vue.config.js中： outputDir:'hello/www', publicPath:'' Axios文件中： Axios.defaults.baseURL = '需要请求的完整url/api' hello\platforms\android\app\src\main
cordova打包之后，app的网络无法访问的解决方法。
最新发布
u010782109的博客
03-22 273
【代码】cordova打包之后，app的网络无法访问的解决方法。
cordova+vue 项目打包成APK应用遇到的问题和解决方法
weixin_30586257的博客
05-09 557
公司前端界面用的是vue，我要嵌入到Android中生成App第一步：安装nodenode安装：直接进入官网https://nodejs.org/zh-cn/，下载最新版本安装。安装之后在命令行中使用”node -v” 检查安装是否成功。npm安装：由于新版的nodejs已经集成了npm，所以node安装时npm也一并安装好了。同样可以通过输入 “npm -v” 来测试是否成功安装。第二步：安装c...
解决cordova+vue 项目打包成APK应用遇到的问题
10-17
- **正式打包APK**：一旦环境变量设置完成并且确认无误后，通过`cordova build android`命令开始打包APK。构建完成后，在真机上进行安装测试，以确保应用的兼容性和功能正常。 ### 总结和补充建议 - **项目结构和...
ReaderApp:cordova+vue项目生成apk
04-28
ReaderAppcordova打包vue项目实践打包过程很简单，不过在配android环境的时候跌了很多坑，所以最重要的就是配好环境了。需要的环境有：java jdk，android jdk，gradle。创建cordova项目cordova create 文件名 org....
cordova打包项目android生成apk签名.txt
08-17
这些信息需要妥善保存，因为一旦丢失将无法恢复密钥库中的数据。 ### 配置Cordova构建选项 接下来，需要在Cordova项目中配置签名参数。这些参数可以手动添加到构建命令中，也可以写入到项目的`config.xml`或`build...
教你用Cordova打包Vue项目的方法
11-28
完成后，你可以在Cordova的`platforms/android/build/outputs/apk`目录下找到生成的APK文件。 总结来说，通过Cordova，开发者可以轻松地将Vue项目打包成Android应用。虽然本教程主要针对Android，但Cordova同样支持...
cordova打包加密
08-21
使用方法都写在文档里面了，使用时请先仔细看完使用说明，如有不会加文档上写的联系方式
vue-cordova：Cordova的Vue.js插件
02-06
于插件 注意：兼容每个版本的VueJS（1.x和2.x） 您可能不需要Vue-Cordova 重要提示：你不需要的Vue，科尔多瓦与科尔多瓦或访问科尔多瓦插件使用Vue公司Vue公司从组件。 Vue-Cordova是一个实用程序，可在Vue.cordova下的Vue组件中提供以下插件： cordova-plugin-camera cordova-plugin-device cordova-plugin-geolocation cordova-plugin-contacts cordova-plugin-chrome-apps-sockets-tcp cordova-plugin-sms 如
Vue项目打包到服务器后请求接口报错404
热门推荐
speano的博客
05-22 1万+
解决Vue项目打包到服务器后请求接口报错404问题。
教你用Cordova打包Vue项目
待花开花谢的博客
05-12 3569
现在国内越来越多的开发者使用Vue开发混合app，但是当大家开发完成过后才发现不知道该怎么将Vue项目打包成app。 据我现在的了解打包Vue项目目前流行的就是使用weex和cordova。weex是阿里提供并且Vue的作者也极力推荐的，有兴趣的可以去学习使用一下。因为我本身是做angular+ionic的，所以比较青睐cordova，下面我就教大家怎么使用cordova打包Vue项目：
关于cordova vue打包apk文件无法访问数据接口
Leifeng27的博客
04-29 666
出现这种原因是因为我安装的android sdk是属于高版本的，在高版本的android sdk中默认开启了对非加密的明文传输的保护，我们无法通过http网络请求的方式获取数据。 解决方案如下： 打包vue项目的时候可以降低版本(vue代码打包成Android apk) android sdk27及以上有这种限制，可以将android sdk降低到26版本。 降低android版本可以通过命令 cordova platform remove android 再 cordova platform add an
Cordova请求http接口失败_不支持http请求解决方法
天马3798
01-03 1709
问题出现的原因是因为Android高版本（Android 6.0）以上默认使用TLS保护用户信息，在Android高版本对非加密的明文传输有要求，也即默认启用了TLS保护，使得该应用无法进行http网络请求，而https则不会受影响，同样地，如果应用嵌套了webview也会受这限制。Cordova 开发，提示net::ERR_CLEARTEXT_NOT_PERMITTED。https的网页下加载http图片失败_Cordova 打包后访问http图片失败。，默认是https的不支持http协议请求。
用Cordova将vue项目打包成app
bing103425的博客
07-23 7317
1.配置安卓环境 （1）下载JDK和JRE，安装（通常JDK会集成JRE，所以只需安装JDK就好）JDK一定要是 8 版本（JDK1.8），Down了个10版本的差点配到吐也没成功，这是个惊天神坑 （2）下载Android  SDK，双击安装，复制下安装目录 （3）配饰环境变量：系统 =&gt; 高级系统设置 =&gt; 环境变量 =&gt;系统变量 =&gt; 新建 新建一个ANDR...
vue项目打包app问题解决
一茗道人 ~~ ~ 阿亮-的博客
07-06 2821
vue项目打包app问题解决
Vue基于Cordova调用扫一扫
陈啟华的博客
10-18 1万+
Vue基于Cordova调用扫一扫 Vue使用Cordova打包的app如何调用扫一扫功能？在这里简单描述一下过程 Vue层面代码 1.在某个.vue里面添加下面代码 &lt;template&gt; &lt;div id="app"&gt; &lt;p&gt;测试扫一扫&lt;/p&gt; &lt;!-- 扫一扫按钮 --&gt; &lt;button @click=..
vue2 cordova打包apk
08-24
为了将Vue打包成APK，你可以使用Vue Cordova这种方法。下面是具体的步骤： 1. 首先，你需要创建一个Cordova项目。你可以使用以下命令在终端中创建一个Cordova项目： ``` cordova create cordova-app com.ysh mapp ``` 这将创建一个名为"cordova-app"的Cordova项目。你可以根据自己的需求来更改项目名称和包名。 2. 接下来，你需要全局安装Cordova。你可以使用以下命令在终端中全局安装Cordova： ``` npm install -g cordova ``` 这将安装最新版本的Cordova。 3. 现在，你可以开始使用Vue Cordova来打包APK了。你可以按照以下步骤进行操作： - 首先，确保你已经在Vue项目的根目录中。如果不是，请先进入到该目录。 - 然后，运行以下命令来添加Cordova平台（这里我们以Android平台为例）： ``` vue add cordova-android ``` - 接下来，你可以使用以下命令来构建APK： ``` vue cordova build android ``` 这将构建一个Android的APK文件，文件路径为`/cordova-app/platforms/android/app/build/outputs/apk/debug/app-debug.apk`。你可以在设备上安装和测试这个APK文件。 需要注意的是，你需要在创建Cordova项目和构建APK之前，已经安装好了Vue CLI和Cordova插件。希望以上步骤能帮助到你！<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [vue打包apk文件，vue+cordova打包Android的apk](https://blog.csdn.net/qq_41619796/article/details/106615917)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值