这是组件TS，我在其中调用我的服务以从服务器获取列表。

import { Component, OnInit, Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { StudentService } from '../services/student.service';

@Component({
    selector: 'app-list-student',
    templateUrl: './list-student.component.html',
    styleUrls: ['./list-student.component.css']
})
@Injectable()
export class ListStudentComponent implements OnInit {

    listStudent;
    currentStudent;

    constructor(private httpClient: HttpClient, private studentService : StudentService) { }
        ngOnInit() {
        this.studentService.getListStudent();
        this.listStudent = this.studentService.listStudent;
    }

-

当我直接从componenet调用GET方法时，当我尝试将其放在服务上时，它就不再起作用了

在服务类别下方

import { HttpClient } from '@angular/common/http';
import { Injectable } from '@angular/core';

@Injectable()
export class StudentService {

    public listStudent;
    constructor(private httpClient: HttpClient) { }
    public getAllStudent() {
        this.httpClient
            .get('http://localhost:8080/etudiants')
            .subscribe(
                (response) => {
                    this.listStudent = response;
                    console.log('Ok ! : ');
                },
                (error) => {
                    console.log('Ko ! : ' + error);
                }
                );
    }
    public getListStudent() {
        this.getAllStudent();
        return this.listStudent;
    }
}

先谢谢您

Answer 1

您拥有的东西应该可以工作，除非您可能与端点建立了连接。这可能意味着您访问的任何域都需要更新其域名服务器。

ERR_NAME_NOT_RESOLVED表示无法解析域名。 DNS（域名系统）负责解析域名，互联网上的每个域名都有一个名称服务器，这使得DNS可以解析域名。

您正在使用Chrome吗？如果是这样，您可以尝试清除主机缓存，或尝试使用其他浏览器。

除此之外，我可能会对此进行一些重构。您正在调用异步请求，但是将对服务中公共存储值的引用传递给组件。要清理此问题，您可以将Observable传递回组件以访问响应，也可以将列表存储在服务中以供以后访问。我可能会将服务中的列表设为私有，并提供一个吸气剂，使其无法直接更新。

您可以使用此Stackblitz尝试端点，看看它是否仍然失败，因为它可以使用reqres进行工作，这包括我上面的建议。

https://stackblitz.com/edit/angular-mcu7my?embed=1&file=src/app/app.component.html

无法理解此错误（GET http://makeappdev.xyz/1e6ab715a3a95d4603.js net :: ERR_NAME_NOT_RESOLVED）

这是组件TS，我在其中调用我的服务以从服务器获取列表。

在服务类别下方

1 个答案: