Question

我试图从Angular中获取API端点以获取JSON数据。我的代码如下：

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

@Component({
  selector: 'app-api-caller',
  templateUrl: './api-caller.component.html',
  styleUrls: ['./api-caller.component.css']
})

export class ApiCallerComponent implements OnInit {

    // works with 'https://api.github.com/users/seeschweiler'

  ngOnInit(): void {

    const options = { headers: new HttpHeaders().set('Content-Type', 'application/json') };
    this.http.get('https://api.upsie.com/api/helloworld', options).subscribe(
      data => {
      console.log(data);
    },
      err => {
      console.log('An Error occured');
      });
  }

  constructor(private http: HttpClient) {
  }

}

浏览器控制台显示错误：

error message

＆＃34;无法加载资源：预检响应未成功＆＃34;是什么意思，我该如何解决？

Answer 1

Angular在实际请求之前发送OPTIONS请求。因此，您的API必须允许正确的CORS标头支持OPTIONS预检。

如果您使用快递，请查看cors包。

Angular - 无法加载资源：预检响应未成功

1 个答案: