Android ローカルのhtml/jsアクセスの際に発生するCORSエラーをなくしたい

Question

お世話になります。

やっていること

Android端末内のhtml/jsをwebviewで表示/実行させています。

以下、webview実装のコードとwebviewで取り扱うhtml/jsファイルの構成になります。

class MainActivity : AppCompatActivity() {
    @SuppressLint("SetJavaScriptEnabled")
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
        val webView: WebView = findViewById(R.id.webView)
        webView.settings.javaScriptEnabled = true
        webView.webViewClient = WebViewClient()
        webView.loadUrl("file:///android_asset/html/index.html")
        webView.settings.domStorageEnabled = true
        }
    }
}

構成（画像で恐縮ですが...）

htmlとjsについては、htmlでjsを呼び、jsでdataフォルダ内のアセットにアクセスしてwebviewに表示させるような処理をしています。

困っていること

実行するとwebviewが空白、下記エラーが出ます。

D/MyApp: Uncaught SyntaxError: Unexpected end of input at line 25704 of file:///android_asset/html/js/pixi.js
D/MyApp: Uncaught ReferenceError: PIXI is not defined at line 8460 of file:///android_asset/html/js/pixi-spine.js
D/MyApp: Access to XMLHttpRequest at 'file:///android_asset/html/data/models.json' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, https, chrome-untrusted. at line 4 of file:///android_asset/html/js/utility.js
D/MyApp: Uncaught NetworkError: Failed to execute 'send' on 'XMLHttpRequest': Failed to load 'file:///android_asset/html/data/models.json'. at line 4 of file:///android_asset/html/js/utility.js

これを受けて、webviewで取り扱うhtml/jsファイルの構成を自分のwebサーバに丸々移し、
外部アクセスしてみたところ、正常動作しました。

- webView.loadUrl("file:///android_asset/html/index.html")
+ webView.loadUrl("自分が管理する外部URL")

この結果とLogcatを見る限り、CORSが問題という認識です。

この質問で聞きたいこと

1.CORSについて調べたところ、Androidのローカルファイルアクセスについての文献が見つからず、
具体的にどう解決すればいいのかわからず困っています。アドバイス/ヒントをいただきたいです。

2.CORSはサーバ側で対応する問題だという認識ですが、Androidのローカルhtmlファイルアクセスの場合でもAndroidがサーバの立場として解釈するとして、Android studioやhrml/js実装の範疇で対応できるのでしょうか。

以上 お聞きしたいです。よろしくお願いします。

Answer 1

https://developer.android.com/reference/androidx/webkit/WebViewAssetLoader
file:///でアクセスせずこちらを使うことでCORSを回避できます。