Azure Ad CORS如何调用网络API网址

Question

我想知道如何使用js和msal库调用另一个自定义的api。我有一个项目，可以在其中调用图形api并获取有关我的个人资料的数据，我想知道如何更改此设置以从放置（注册）在蔚蓝广告上的自定义api获取数据。

我的尝试会产生CORS错误。

我可以登录到我的JS项目，但不能从该项目调用另一个GraphApi以外的API ...

例如：我登录并获取访问令牌-------->的AppFirst（jsproject-localhost：3000）（调用我的api localhost：44321 ...）导致错误CORS

我的代码：

 function callApi(endpoint, token, callback) {

  endpoint = "https://common.onmicrosoft.com/api://myApiClientId";
  const headers = new Headers();
  const bearer = `Bearer ${token}`;

  headers.append("Authorization", bearer);

  const options = {
      method: "get",
      headers: headers
  };

  fetch(endpoint, options)
    .then(response => response.json())
    .then(response => callback(response, endpoint))
    .catch(error => console.log(error))
}

有人可以告诉我如何拨打此电话吗？哪个地址正确调用其他api？

Answer 1

JavaScript通常无法访问其他来源的资源（这将导致CORS错误）。 “其他来源”表示正在访问的URL与运行JavaScript的位置不同，方法是：

不同的方案（HTTP或HTTPS）