发布数据时获取401（未经授权）？

Question

我的数据未发布在postman api中，这会导致以下错误：

单调的节奏。我的主人。com/api/领域：1个职位http://dradiobeats.x10host.com/api/areas401（未授权）核心。js:4002错误HttpErrorResponse

我的app.component.ts

    import { Component, OnInit } from '@angular/core';
    import { HttpClient } from '@angular/common/http';
    import { map } from 'rxjs/operators';

    @Component({
      selector: 'app-root',
      templateUrl: './app.component.html',
      styleUrls: ['./app.component.css']
    })
    export class AppComponent implements OnInit {
      loadedPosts = [];

      constructor(private http: HttpClient) {}

      ngOnInit() {
        this.fetchPosts();
      }

      onCreatePost(postData: { id: number; content: string }) {
        // Send Http request
        this.http
          .post(
            'http://dradiobeats.x10host.com/api/areas',
            postData
          )
          .subscribe(responseData => {
            console.log(responseData);
          });
      }

如何解决此错误？

Answer 1

问题不在于角度。您将得到错误为“Unauthorized”且HTTP状态代码为“401”的响应。

您正在尝试请求URL“http://dradiobeats.x10host.com/api/areas“这个网站告诉你，你无法访问该资源。

可能您需要在请求中添加一些凭据，如用户名/密码、令牌或其他内容。

有关状态代码的更多信息：https://en.wikipedia.org/wiki/List_of_HTTP_status_codes