Question

我正在使用本机脚本的Angular版本，并尝试创建网络登录系统。
下面是我尝试登录网络的代码。

home.component.ts

 import { LoginService } from '../Services/login/login.service';
 export class LoginComponent implements OnInit {

 public user: User;
 loginForm: FormGroup;

 constructor(private router: Router,
     private userService: UserService,
     private page: Page,
     public  loginDetails: LoginDetails,
     private LoginService: LoginService

 ) {

     this.user = new User();
     this.user.email = "m@m.com";
     this.user.password = "pass123";
     this.user.logo = "~/Images/opos_logo.png";
 }

 submit() {

    /* set a user variable with data from the formGroup */
    const user: string = this.user.email;
    /* set a password variable with data from the formGroup */
    const password: string = this.user.password;

    this.LoginService.loginUser(user, password)
        .subscribe(data => this.checkUser(data));
 }
}

Services / login / login.service.ts

import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { Component, OnInit } from "@angular/core";
import { Jwt } from '../../Classes/jwt';


@Injectable({
    providedIn: 'root'
})
export class LoginService {


  loginUrl = 'http://localhost/Login.w';

  constructor(private _http: HttpClient) { }

  loginUser(user, pass) {
      return this._http.get<Jwt>(
          this.loginUrl, { params: { fi_user: user, fi_pass: pass } });
  }
}

当我尝试这样运行我的应用程序时，会出现以下错误：

“ originalStack”：“错误：java.io.IOException：在新的ZoneAwareError上，不允许对本地主机的明文HTTP通信\ n（file：///data/data/org.nativescript.preview/files/app/tns_modules/ @ nativescript / angular / zone-js / dist / zone-nativescript.js：1298：31）\ n在onRequestComplete（file：///data/data/org.nativescript.preview/files/app/tns_modules/@nativescript/ core / http / http-request / http-request.js：54：30）\ n位于Object.onComplete（file：///data/data/org.nativescript.preview/files/app/tns_modules/@nativescript/core /http/http-request/http-request.js:43:7）“

要尝试按照帖子Android 8: Cleartext HTTP traffic not permitted上的建议并遵循该帖子上的建议来解决此问题。我在路径/App_Resources/Android/AndroidManifest.xml上的程序中添加了一个androidmanifest.xml文件（这还不是应用程序的一部分，因此我不确定应用程序是否正在访问该文件）。

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="__PACKAGE__"
android:versionCode="1"
android:versionName="1.0">

<supports-screens
    android:smallScreens="true"
    android:normalScreens="true"
    android:largeScreens="true"
    android:xlargeScreens="true"/>

<uses-sdk
    android:minSdkVersion="17"
    android:targetSdkVersion="__APILEVEL__"/>

<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:networkSecurityConfig="@xml/network_security_config">

    <activity
        android:name="com.tns.NativeScriptActivity"
        android:label="@string/title_activity_kimera"
        android:configChanges="keyboardHidden|orientation|screenSize"
        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>

我还向堆栈res / xml / network_security_config.xml路径中添加了堆栈溢出帖子建议的network_security_config.xml文件

<?xml version="1.0" encoding="utf-8"?>
<network-security-config>
   <domain-config cleartextTrafficPermitted="true">
      <domain includeSubdomains="true">domain.com (to be adjusted)</domain>
   </domain-config>
</network-security-config>

我还尝试将应用程序android：usesCleartextTraffic =“ true”标记添加到我的home.component.html中，以修复错误，但这不能解决问题。

Answer 1

尝试：

loginUrl = 'http://10.0.2.2/Login.w';

我刚刚阅读了以下文章：https://stackoverflow.com/a/48591525 @EdwardGarson写道：

在仿真器中，localhost或127.0.0.1指的是仿真器本身，而不是本地计算机。您需要使用桥接到本地计算机的ip 10.0.2.2。

问候

不允许对本地主机的NativeScript Angular明文HTTP通信

1 个答案: