在Angular7中使用laravel 5.7 API时出现问题

我正在尝试在Laravel5.7中创建自己的API，并在Angular7中使用它

我尝试了JsonPlaceholder的API，一切都很顺利。 我在尝试使用Laravel中自制的API时遇到了问题。 我试图在一个控制器中创建一个函数，返回一个

json\u encode（$array）

。之后，我在Postman中对它进行了测试，一切正常

json有伪数据，但这无关紧要

当我从Angular调用它时，控制台中出现了以下错误：

error:error{target:XMLHttpRequest，isTrusted:true，lengthComputable:false，…}
​
标题：对象{normalizedNames:Map（0），lazyUpdate:null，标题：Map（0）}
​
消息：“的Http失败响应”http://127.0.0.1:8000/api/test: 0未知错误“
​
名称：“HttpErrorResponse”
​
好：错
​
状态：0
​
statusText:“未知错误”
​
url:“http://127.0.0.1:8000/api/test“

在那之后，我试着使用拉威尔的一个集合。邮递员的反应还可以，但角度的反应是一样的

方法：

public function test() {
        $test = [
            'name' => 'Andi',
            'password' => 'Parola'
        ];

        return response()->json($test);
}

收集方式：

public function test() {
        $test = [
            'name' => 'Andi',
            'password' => 'Parola'
        ];

        return new ApiTest($test);
}

角度服务：

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

@Injectable({
  providedIn: 'root'
})

export class SteamCallsService {

  configUrl = 'http://127.0.0.1:8000/api/test';

  constructor(
    private http: HttpClient
  ) { }

  async newFunction():Promise<any> {
    try {
      const item = await this.http.get(this.configUrl).toPromise();
      return item;

    } catch (error) {
      console.error(error);
    }
  }
}

我期望一个简单的json作为响应。 编辑：在网络选项卡（来自inspector）中，请求的状态为200，数据正是我所期望的。

---

为什么会出现此错误以及如何使用该数据？

将此标题添加到php文件中

<?php
 header("Access-Control-Allow-Origin: *");
?>

---

将此标题添加到php文件中

<?php
 header("Access-Control-Allow-Origin: *");
?>

开发人员控制台中的网络请求说什么？``消息：“0未知错误的Http失败响应”名称：“HttpErrorResponse”``您是指这个吗？状态是200，我现在看到在请求中，数据是正确的。我的意思是，我在响应选项卡中有数据。我想我在Angular中做错了什么，但我不知道为什么。你能

curl

api并得到正确的响应吗？只是为了排除Angular的任何有趣的业务。开发人员控制台中的网络请求是怎么说的？``消息：“Http失败响应：0未知错误”名称：“HttpErrorResponse”``你是指这个吗？状态是200，我现在看到在请求中，数据是正确的。我的意思是，我在响应选项卡中有数据。我想我在Angular中做错了什么，但我不知道为什么。你能

curl

api并得到正确的响应吗？只是为了排除任何有趣的事情。