Angular 4 GET 403 响应

Question

我在 Angular 4 中编写了一个调用 REST API (DJANGO) 的应用程序。 代码如下：

export class ForecastUnitService {

private path = 'forecastunit/';
private options;
constructor (private http: Http, private c:CentralService) {
this.options=this.c.createOptions();
}

getForecastUnits(): Observable<ForecastUnit[]> {
return this.http.get(this.c.createURL(this.path),this.options)
  .map(this.extractData)
  .catch(this.handleError);
}
...
}

我添加了包含授权标头的选项，但我仍然得到 403 禁止。但是，当我尝试使用 cUrl 或 Postman 或大摇大摆地进行通话时，我得到了同样的结果。 所以首先，标题不正确，但是当我记录选项时，我得到：

{"method":null,"headers":{"Authorization":["**Correct Token**"],"Content-Type":["application/json"]},"body":null,"url":null,"withCredentials":null,"responseType":null}

所以这不是问题，当我查看 Chrome 的响应时，我看到以下内容：

{"detail":"Authentication credentials were not provided."}

所以再次没有凭据，但我真的通过了，出了什么问题？

Answer 1

你能告诉我们 CentralService 吗？ 此外，您可能希望避免在构造函数中调用它，而是实现 OnInit

Answer 2

Angular 的 http 模块将所有标题名称更改为小写。这可能是一个问题，因为某些 API 服务不遵循规范，并且它们的标头检查在这些应该不区分大小写时区分大小写。

检查您的 API 配置。

我假设您的 CentralService 创建了有效选项。

interface RequestOptionsArgs { 
  url: string|null
  method: string|RequestMethod|null
  search: string|URLSearchParams|{[key: string]: any | any[]}|null
  params: string|URLSearchParams|{[key: string]: any | any[]}|null
  headers: Headers|null
  body: any
  withCredentials: boolean|null
  responseType: ResponseContentType|null
}

标题：

class Headers {
  static fromResponseHeaderString(headersString: string): Headers
  constructor(headers?: Headers|{[name: string]: any}|null)
  append(name: string, value: string): void
  delete(name: string): void
  forEach(fn: (values: string[], name: string|undefined, headers: Map<string, string[]>) => void): void
  get(name: string): string|null
  has(name: string): boolean
  keys(): string[]
  set(name: string, value: string|string[]): void
  values(): string[][]
  toJSON(): {[name: string]: any}
  getAll(name: string): string[]|null
  entries()
}