Я пытаюсь создать приложение React.js, которое имеет div:
<div onClick={this.handleClick} />
Внутри функции я скопировал код из Azure GitHub:
https://github.com/Azure/azure-sdk-for-node/tree/master/lib/services/keyVaultManagement
import * as msRestAzure from "ms-rest-azure";
import KeyVaultManagementClient from "azure-arm-keyvault";
public handleClick(evt: any): void {
// Interactive Login
let client: any;
msRestAzure.interactiveLogin().then((credentials) => {
client = new KeyVaultManagementClient(credentials, "my-subscription-id");
return client.vaults.list();
}).then((vaults) => {
console.dir(vaults, {depth: null, colors: true});
return;
})
}
Когда я нажимаю <div>
, в консоли Chrome выдается следующая ошибка.
login.microsoftonline.com / common / oauth2 / devicecode? Api-version = 1.0: 1 Не удалось загрузить ресурс: сервер ответил со статусом 400 (неверный запрос)
localhost/: 1 Не удалось загрузить https://login.microsoftonline.com/common/oauth2/devicecode?api-version=1.0: Ответ на запрос предварительной проверки не проходит проверку контроля доступа: в запрошенном ресурсе отсутствует заголовок «Access-Control-Allow-Origin».Origin 'http://localhost' поэтому не допускается.Ответ имеет HTTP-код состояния 400. Если непрозрачный ответ удовлетворяет вашим потребностям, установите режим запроса «no-cors», чтобы получить ресурс с отключенным CORS.
localhost/:1 Uncaught (in promise) TypeError: Failed to fetch
Я понимаюПроблема в том, что я пытаюсь вызвать API, который не совпадает с http://localhost/
того же источника, поэтому он отрицает.
Приложение построено с веб-пакетом (без особых вещей), React.js, Typescript, Less.Он размещается в IIS, просто создав приложение и указав на папку сборки.
Я спрашиваю, как я могу заставить его работать, поскольку я не могу просто добавить заголовки, такие как Access-Control-Allow-Origin:
, в любой запроспотому что реализации находятся в пакетах npm.
Любое руководство приветствуется.Спасибо.