Не удается выполнить запрос http post / get между двумя локальными приложениями с angular-cli - PullRequest
Новая
       15

Не удается выполнить запрос http post / get между двумя локальными приложениями с angular-cli

0 голосов
/ 04 июня 2018

Я полностью обнаружил угловой 6 с помощью учебника, и я попытался бы спросить API-интерфейс бэкэнда djangorestframework с внешним интерфейсом angular-cli.

Похоже, мой внешний интерфейс только отправляет запрос OPTIONS обратно (согласновкладка сети Mozilla).Я попытался получить доступ к данным с помощью инструмента «Почтальон» и получил правильный ответ от своего бэкэнда.

Я получил эту ошибку на вкладке консоли: ERROR Object { headers: Object, status: 0, statusText: "Unknown Error", url: null, ok: false, name: "HttpErrorResponse", message: "Http failure response for (unknown …", error: error }

Прежде чем вы спросите, я установил "Access-Control-Allow-Origin": "*"удалить ошибку CORS, но я все еще не могу получить доступ к своим внутренним данным.

Вот мой код внешнего интерфейса: domain-analyse.service.ts 

import { Injectable } from '@angular/core';
import { DomainAnalyse} from './domain-analyse';
import { Observable, of } from 'rxjs';
import { HttpClient, HttpHeaders } from '@angular/common/http';
import { catchError, map, tap } from 'rxjs/operators';

import {ANALYSES}   from './mock-analyse'
import { Domain } from 'domain';

@Injectable({
  providedIn: 'root'
})
export class DomainAnalyseService {
  private urlBase = 'http://localhost:8000/api/v1.0/analyse/' 
  public domainList: DomainAnalyse[]
  getDomainSpecificAnalyse (domain, analyse) {
    const body = {'domain': domain}
    const urlCalled = this.urlBase+analyse
    return this.http.post(urlCalled, body);
  }
  constructor(private http: HttpClient) { }
}

domain-analyse.component.ts 

import { Component, OnInit } from '@angular/core';
import {Router, ActivatedRoute, Params} from '@angular/router';

import { DomainAnalyseService } from '../domain-analyse.service';
import { DomainAnalyse }        from '../domain-analyse'

@Component({
  selector: 'app-domain-analyse',
  templateUrl: './domain-analyse.component.html',
  styleUrls: ['./domain-analyse.component.css']
})
export class DomainAnalyseComponent implements OnInit {

  public domain: DomainAnalyse

  constructor(
    private activatedRoute: ActivatedRoute,
    private domainAnalyseService: DomainAnalyseService
  ) { }

  analyseDomain (domain, analyse): Object {
      return this.domainAnalyseService.getDomainSpecificAnalyse(domain, analyse).subscribe(
        (analyse: DomainAnalyse) => this.domain = {...analyse}
      );
  }

  ngOnInit() {
    // subscribe to router event
    this.activatedRoute.queryParams.subscribe((params: Params) => {
      this.analyseDomain(params.domain, params.analyse)
    });
  }

}

domain-analyse.ts 

export class DomainAnalyse{
    constructor(
        public name: string,
        public analyse: string,
        public url: string,
        public date: string,
        public grading: Grading,
    ){}
}

export class Grading{
    constructor(
        public score: number,
        public grade: string,
        public color: string,
        public analyse_type: string,
        public displayable_element: Displayable[],
    ){}
}

export class Displayable{
    constructor(
        public score: number,
        public symbole: string,
        public color: string
    ){}
}

Если чего-то не хватает, я могу добавить это к сообщению.

Спасибо за помощь.

1 Ответ

0 голосов
/ 04 июня 2018

Можете ли вы предоставить .har файл сетевого журнала?(используя chrome) щелкните правой кнопкой мыши любой сетевой запрос и скажите «сохранить как контент с содержимым», а затем загрузите его, где мы сможем получить к нему доступ.

...