Question

我正在尝试从服务器获取数据，但我收到以下错误：

预检的响应包含无效的HTTP状态代码403。

getGroupsResponse(): 
Observable<IMainPageGroupResponseModel> {
    this.dataUrl='http://localhost:8080/myApp/v1/Lookup/groups/list/19763';

    const headers = new Headers({ 'Content-Type': 'application/json' });
    headers.append('Access-Control-Allow-Origin', '*');
    const options = new RequestOptions({ headers:headers });

    return this.http.get(this.dataUrl,options)
            .map((response:Response) => <IMainPageGroupResponseModel>response.json())
            .catch(this.handleError);
}

我已经为chrome安装了核心插件，我的应用程序位于端口4300，服务器端代码在本地8080端口运行。

我不明白为什么我会收到此错误

Answer 1

问题在于您的服务器端代码。要从后端请求数据，您需要实现CORS头。具体而言，您需要允许来自前端的原点，并且还需要允许您支持的方法。

Angular4 - 服务 - 预检的响应具有无效的HTTP状态代码403

1 个答案: