NativeScript Angular HTTP-трафик открытым текстом c на локальный хост не разрешен - PullRequest
Новая
       8

NativeScript Angular HTTP-трафик открытым текстом c на локальный хост не разрешен

1 голос
/ 10 января 2020

Я работаю с 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: незашифрованный HTTP-трафик c на локальный хост не разрешен \ n на новом ZoneAwareError (файл: ///data/data/org.nativescript.preview/files/app/ tns_modules/@nativescript/angular/zone-js/dist/zone-nativescript.js: 1298: 31) \ n в onRequestComplete (файл: ///data/data/org.nativescript.preview/files/app/tns_modules /@nativescript/core/http/http-request/http-request.js:54:30)\n в Object.onComplete (файл: ///data/data/org.nativescript.preview/files/app/ tns_modules/@nativescript/core/http/http-request/http-request.js: 43: 7) "

Чтобы попытаться устранить проблему, следуя предложениям на пост Android 8: HTTP-трафик в незашифрованном виде c не разрешен и следовал совету в этом посте. Я добавил файл androidmanifest. xml в свою программу (он еще не был частью приложения, поэтому я не уверен, что приложение обращается к файлу) по пути /App_Resources/Android/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>

Я также добавил файл network_security_config. xml, который пост переполнения стека предлагал для пути res / 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: использует тэгCleartextTraffic = "true" к моему home.component. html, чтобы исправить ошибку, но это не решило проблему.

1 Ответ

2 голосов
/ 17 января 2020

Попробуйте: 

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

Я только что прочитал статью: { ссылка } @EdwardGarson писал:

Из эмулятора, localhost или 127.0 .0.1 относится к самому эмулятору, а не к вашей локальной машине. Вам нужно использовать ip 10.0.2.2, который подключен к вашему локальному компьютеру.

Привет

...