如何在 angular 7 中使用身份验证令牌获取 rest api 的数据？

Question

我想访问这个 url 的 api 数据：' http://apis.coursefrenzy.com/courses/ '我也已经正确声明了所有模块......

我尝试使用 'HttpClient' class 的 'get()' 方法访问，即 get(this.api, {headers: apiheader})

const httpOptions = {
      headers: new HttpHeaders({
          'Content-type': 'application/json',
          'Autorization': 'EpCuVuAOPGfoXNyXtDxDxNIozMxQ
                           7TC9W9C9FBlZsgUExQLH2zNOmFmWKnMBKKPE'
      })
};
api="http://apis.coursefrenzy.com/courses/";
getUser(){
    return this.http.get(this.api, {headers: httpOptions.headers});
}

当我订阅这个 get 方法并 cosole 数据时，我已经收到并在控制台中出错......

Access to XMLHttpRequest at ' http://apis.coursefrenzy.com/courses/ ' from origin ' http://localhost:6565 ' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: Redirect is不允许用于预检请求。 在此处输入图像描述

Answer 1

您必须在 api 中设置 CORS 原点参数，例如在 .net 核心启动中：

builder.WithOrigins("http://localhost:4200")