使用Angular 8 HttpClient和Python Flas时出现未知错误

Question

我有一个Python Flask后端服务，它在API上使用GET调用时提供一个JSON，如下所示：

查询：

curl -XGET http://localhost:5000/bizLocations

回应：

^{pr2}$

我真的只想在一个下拉列表中显示通过Angular构建的前端列表

后端

代码段：

^{3}$

前端

我创建了一个服务：

component.service.ts

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

@Injectable()
export class ComponentService {

    private backEnd = 'http://localhost:5000';

    constructor(private http: HttpClient) { }

    getBizLocations() {
        return this.http.get(`${this.backEnd}/bizLocations`);
    }
}

在组件中，我按如下方式调用服务：

在组件.ts

ngOnInit() {
  this.getBusinessLocations();
}

getBusinessLocations() {
        this.componentService.getBizLocations()
            .subscribe((data: any) => {
                console.log(data);
                this.locations = data.locations;
            });
    }

错误

是什么导致了这个错误？是与CORS或{}有关吗？我没有他们两个，因为应用程序仍在测试和开发中。 相反，我可以通过Websockets与后端通信

Answer 1

这个问题实际上与CORS有关。在

我用以下方法解决了这个问题：

pip install flask-cors

然后在后端代码中：

^{pr2}$

这样可以完全删除错误，并且控制台能够从后端记录输出。在