NativeScript-vue：无法在WebView中显示本地HTML
tek*_*uza 3 android vue.js nativescript nativescript-vue
我正在使用 NativeScript-vue。
我想使用 WebView 在本地资源中显示 HTML 文件。
src/components/App.vue:
<template>
<Frame>
<Page>
<GridLayout columns="*" rows="*">
<WebView row="0" col="0" src="~/assets/index.html" />
</GridLayout>
</Page>
</Frame>
</template>
src/main.ts:
import Vue from 'nativescript-vue';
import App from './components/App.vue';
new Vue({
render: h => h(App)
}).$start();
src/assets/index.html:
<html>
<body>
<div>test</div>
</body>
</html>
App_Resources/Android/src/main/AndroidManifest.xml:
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="__PACKAGE__"
android:versionCode="10000"
android:versionName="1.0">
<supports-screens
android:smallScreens="true"
android:normalScreens="true"
android:largeScreens="true"
android:xlargeScreens="true"/>
<uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE"/>
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>
<uses-permission android:name="android.permission.INTERNET"/>
<application
android:name="com.tns.NativeScriptApplication"
android:allowBackup="true"
android:icon="@drawable/icon"
android:label="@string/app_name"
android:theme="@style/AppTheme"
android:usesCleartextTraffic="true">
<activity
android:name="com.tns.NativeScriptActivity"
android:label="@string/title_activity_kimera"
android:configChanges="keyboard|keyboardHidden|orientation|screenSize|smallestScreenSize|screenLayout|locale|uiMode"
android:theme="@style/LaunchScreenTheme">
<meta-data android:name="SET_THEME_ON_LAUNCH" android:resource="@style/AppTheme" />
<intent-filter>
<action android:name="android.intent.action.MAIN" />
<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
</activity>
<activity android:name="com.tns.ErrorReportActivity"/>
</application>
</manifest>
现在，当我在 Android 模拟器上运行此应用程序时，出现错误“ERR_ACCESS_DENIED”。
这种情况与实际设备而不是模拟器是一样的。
有什么可能的原因吗？
环境：
- 节点管理：
- @nativescript/核心：7.0.3
- 本机脚本套接字：3.3.1
- 原生脚本-vue：2.8.1
- 模拟器：API 30、Android 11.0、x86
奇怪的是，它在 Android 10.0（API 29，x86）模拟器上运行良好。
原来在Android 11.0及更高版本中，默认是不允许文件访问的！
对于面向 Build.VERSION_CODES.Q 及以下版本的应用，默认值为 true；对于面向 Build.VERSION_CODES.R 及以上版本的应用，默认值为 false。
解析代码
src/components/App.vue:
<template>
<Frame>
<Page>
<GridLayout columns="*" rows="*">
<WebView row="0" col="0" @loaded="webViewLoaded" />
</GridLayout>
</Page>
</Frame>
</template>
<script lang="ts">
export default {
methods: {
webViewLoaded(args) {
if (args.object.android) {
args.object.android.getSettings().setAllowFileAccess(true); // IMPORTANT!!
args.object.src = "~/assets/map/index.html"; // Load local HTML.
}
},
},
};
</script>