Azure AD 预检请求未返回数据

我目前正在尝试发送帖子请求至https://login.microsoftonline.com/XXX/oauth2/token用于检索应用程序的访问令牌和刷新令牌的端点。使用 axios 向端点发送 post 请求时，会发送预检，但不会返回任何响应。

错误：

Response to preflight request doesn't pass access control check: 
No 'Access-Control-Allow-Origin' header is present on the requested resource. 
Origin 'http://localhost:3000' is therefore not allowed access.

然而，对 axios post 请求使用不同的方法，它返回数据但没有预检，并给出不同的错误：

No 'Access-Control-Allow-Origin' header is present on the requested resource. 
Origin 'http://localhost:3000' is therefore not allowed access.

两个 axios 请求：

const data = new FormData();

 data.append('grant_type', this.config.grant_type); 
 data.append('client_id', this.config.client_id);
 data.append('code', localStorage.getItem('auth_code'));
 data.append('redirect_uri', this.config.redirect_uri);
 data.append('client_secret', this.config.client_secret);
 data.append('resource', this.config.client_id);

axios.post(`https://login.microsoftonline.com/${this.config.tenant}/oauth2/token`, data);

方法二：

  axios({
  method: 'post',
  contentType: 'application/json',
  url: `https://login.microsoftonline.com/${this.config.tenant}/oauth2/token`,
  data: {
    grant_type: this.config.grant_type,
    client_id: this.config.client_id,
    code: localStorage.getItem('auth_code'),
    redirect_uri: this.config.redirect_uri,
    client_secret: this.config.client_secret,
    resource: this.config.client_id
  }
});

这是 axios 请求本身的问题还是端点的问题？

您应该使用隐式授予流程来获取访问令牌。您不能使用包含来自前端 JavaScript 的客户端密钥的流程！

您的客户端密码（也称为您的应用程序的密码）目前对访问您网站的任何人都是公开的！

You cannot在前端 JavaScript 中使用客户端密钥。

您需要在应用程序的清单中启用隐式流，然后在应用程序中使用如下 URL 重定向到 Azure AD：

https://login.microsoftonline.com/tenant-id-here/oauth2/authorize?client_id=your-client-id&response_type=id_token+token&resource=resource-id-for-api&redirect_uri=your-app-redirect-url

文档：https://learn.microsoft.com/en-us/azure/active-directory/develop/active-directory-authentication-scenarios#single-page-application-spa