Question

我的数据未发布在邮递员api中它给出了错误：

dradiobeats.x10host.com/api/areas:1 POST http://dradiobeats.x10host.com/api/areas 401（未经授权） core.js：4002错误HttpErrorResponse {headers：HttpHeaders，status：401，statusText：“ Unauthorized”，url：“ http://dradiobeats.x10host.com/api/areas”，ok：false，...}

我的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

问题并非来自Angular。您将收到错误为“未经授权”和HTTP状态代码为“ 401”的响应。

您正在尝试请求URL“ http://dradiobeats.x10host.com/api/areas”，并且此网站告诉您您无权访问该资源。

也许您需要向您的请求中添加一些凭据，例如用户名/密码，令牌或其他内容。

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

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

1 个答案: