ionic-framework - ionic 应用程序显示 localhost :8080 in chrome inspect

Question

ionic 技术的初学者。创建项目后面临的问题 ionic 启动 Myapp 空白 ionic Cordova 运行android

@ionic/cli-utils  : 1.19.2
ionic (Ionic CLI) : 3.20.0

全局包:

cordova (Cordova CLI) : 8.0.0

本地包:

@ionic/app-scripts : 3.1.11
Cordova Platforms  : android 7.0.0
Ionic Framework    : ionic-angular 3.9.2

系统:

Android SDK Tools : 26.1.1
Node              : v8.11.2
npm               : 5.6.0
OS                : Windows 10

环境变量:

ANDROID_HOME : C:\Users\XXX\AppData\Local\Android\Sdk

杂项:

backend : pro.

运行应用程序以使用 android 设备进行检查后。 chrome://inspect/#devices 有以下区别!

上图和 URL 以 localhost:8080 开头

下面的图片 URL 以 file:///android_asset/www/index.html 开头

如何在每个使用 chrome 检查而不是 localhost:8080 的 ionic 项目中将 URL 作为 file:///android_asset/www/index.html 获取？

由于这个问题面临的问题如下: 对预检请求的响应未通过访问控制检查:请求的资源上不存在“Access-Control-Allow-Origin” header 。产地'http://localhost:8080 ' 因此不允许访问。响应的 HTTP 状态代码为 400。

Answer 1

上述问题通过以下命令解决

project directory>ionic cordova plugin remove cordova-plugin-ionic-webview 
project directory>ionic cordova run android

并检查 chrome://inspect 它将与 file:///android_asset 连接它会工作! 快乐编码