Stackblitz 向 JSONPlaceholder 发出 HTTP 请求,但不向 SWAPI 发出请求

时间:2021-03-10 06:20:47

标签: angular xmlhttprequest http-headers stackblitz

由于某些未知原因,Stackblitz 无法处理对某些 API 的请求。 从sonplaceholder.typicode.com获取数据没有问题,但无法从https://swapi.dev/api/planets/1/获取数据。尝试从 SWAPI 获取时,会导致控制台错误显示 HttpErrorResponse/ProgressEvent

这是Stackblitz,下面复制了相关代码:

@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: [ './app.component.css' ]
})
export class AppComponent  {

  readonly URL = 'https://jsonplaceholder.typicode.com/posts';    // works fine
  // readonly URL = 'https://swapi.dev/api/planets/1/';           // HTTPErrorResponse

  posts: Observable<any>;

  constructor(private http: HttpClient) {}

  getPosts() {
    this.posts = this.http.get(this.URL)    
  }
}

jsonplaceholder.typicode 有什么特别之处,Stackblitz 可以让我们从中获取数据,我怎样才能让 SWAPI 也能工作?此外,我如何在我自己的服务器上模仿它?

1 个答案:

答案 0 :(得分:0)

我刚刚检查了您的代码,目前它工作正常。该问题可能是由于服务本身的临时停机或其他网络问题造成的,因此探索错误的详细信息并了解问题的性质始终是一个好主意。