cordova+vue打包apk文件无法访问数据接口

出现这种原因是因为我安装的android sdk是属于高版本的,在高版本的android sdk中默认开启了对非加密的明文传输的保护,我们无法通过http网络请求的方式获取数据。

解决方案如下(取一即可):

  1. android sdk27及以上有这种限制,可以将android sdk降低到26版本。降低android版本可以通过命令cordova platform remove android 再 cordova platform add android@6.3.0,当我们打包时候就会自动给我们下载安装对应版本。

  2. 将根目录下的config.xml打开,添加 preference 即可

<preference name="AndroidInsecureFileModeEnabled" value="true" />
<preference name="scheme" value="http" />

在目录project\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>

在project\platforms\android\app\src\main\AndroidManifest.xml文件中修改,增加
< application android:networkSecurityConfig=“@xml/network_security_config”>
如下

<manifest xmlns:android="http://schemas.android.com/apk/res/android"
  android:versionName="1.0"
  android:versionCode="1">
  <uses-permission android:name="android.permission.INTERNET" />
  <application android:networkSecurityConfig="@xml/network_security_config">
    </application>
</manifest>

3.可以使用https调用数据接口
4.在AnroidManifest.xml中的application添加设置项:

为了将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 ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值