Angular 8 中的 REST API 请求显示 statusText：“未知错误”

Question

我正在尝试通过 REST API 服务从服务器获取一些数据。在我下面的 service.ts 中，

    getCategories(): Observable<Category> {

// Http Options
    const httpOptions = {
      headers: new HttpHeaders({
        'Content-Type': 'application/json',
        'Access-Control-Allow-Origin' : '*',
        'Access-Control-Allow-Methods' : 'POST'
      })
    };
        return this.http.post<Category>(this.apiURL+'api', JSON.stringify({"type":"get_categories"}), httpOptions )
        .pipe(
          retry(0),
          //catchError(this.handleError)
        )
      }

再次显示如下错误，

Object { headers: {…}, status: 0, statusText: "Unknown Error", url: "http://localhost/test/api", ok: false, name: "HttpErrorResponse", message: "http://localhost/test/api 的 Http 失败响应：0未知错误”，错误：错误}

我已经引用了很多帖子，但没有任何帮助。

Answer 1

你得到这个错误

ERROR ReferenceError: "httpOptions is not defined"

因为您使用的是在getCategories 范围之外定义的httpOptions

你应该像这样改变你的代码。

getCategories(): Observable<Category> {
   const httpOptions = {
        headers: new HttpHeaders({
        'Content-Type': 'application/json',
        'Access-Control-Allow-Origin' : '*',
        'Access-Control-Allow-Methods' : 'GET, POST, PUT, DELETE'
        })
    };

   return this.http.post<Category>(this.apiURL+'api', JSON.stringify({"type":"get_categories"}), httpOptions )
    .pipe(
      retry(0),
      //catchError(this.handleError)
    )
  }