离子应用程序在Chrome检查中显示localhost:8080

And*_*eks 3 google-chrome-devtools ionic-framework ionic-view ionic-native ionic3

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

@ionic/cli-utils  : 1.19.2
ionic (Ionic CLI) : 3.20.0
Run Code Online (Sandbox Code Playgroud)

全局软件包:

cordova (Cordova CLI) : 8.0.0
Run Code Online (Sandbox Code Playgroud)

本地套餐:

@ionic/app-scripts : 3.1.11
Cordova Platforms  : android 7.0.0
Ionic Framework    : ionic-angular 3.9.2
Run Code Online (Sandbox Code Playgroud)

系统:

Android SDK Tools : 26.1.1
Node              : v8.11.2
npm               : 5.6.0
OS                : Windows 10
Run Code Online (Sandbox Code Playgroud)

环境变量:

ANDROID_HOME : C:\Users\XXX\AppData\Local\Android\Sdk
Run Code Online (Sandbox Code Playgroud)

其他:

backend : pro.
Run Code Online (Sandbox Code Playgroud)

运行应用程序后使用android设备进行检查。chrome:// inspect /#devices存在以下差异! 在此处输入图片说明

上图和URL以localhost:8080开头

图片下方的网址以file:///android_asset/www/index.html开头

在此处输入图片说明

如何在每个离子项目中使用chrome inspect而不是localhost:8080将URL作为file:///android_asset/www/index.html获取?

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

And*_*eks 5

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

project directory>ionic cordova plugin remove cordova-plugin-ionic-webview 
project directory>ionic cordova run android
Run Code Online (Sandbox Code Playgroud)

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