Как настроить .NET ASPIRE для использования Microsoft Entra для приложения VUE? ⇐ C#

[Anonymous]

В настоящее время мое Aspire Apphost выглядит так < /p>
var cache = builder.AddRedis("cache");

// Add Key Vault access
var keyVaultUri = builder.Configuration["KeyVault:Uri"];
if (string.IsNullOrEmpty(keyVaultUri))
{
throw new Exception("Key Vault not configured.");
}
var keyVault = new SecretClient(new Uri(keyVaultUri), new DefaultAzureCredential());

// Get secrets from Key Vault
var frontendClientId = keyVault.GetSecret("Frontend--ClientId").Value.Value;
var tenantId = keyVault.GetSecret("AzureAd--TenantId").Value.Value;

var apiService = builder.AddProject
("apiservice")
.WithReference(cache)
.WithExternalHttpEndpoints();

var vueApp = builder.AddNpmApp("vue", "../vpm.vue", scriptName: "dev")
.WithReference(apiService)
.WaitFor(apiService)
.WithHttpEndpoint(env: "PORT")
.WithEnvironment("VITE_AZURE_CLIENT_ID", frontendClientId)
.WithEnvironment("VITE_AZURE_TENANT_ID", tenantId)
.WithExternalHttpEndpoints()
.PublishAsDockerFile();

builder.Build().Run();
< /code>
Мое приложение Vue использует < /p>
// Get configuration from environment variables
const clientId = import.meta.env.VITE_AZURE_CLIENT_ID
const tenantId = import.meta.env.VITE_AZURE_TENANT_ID
const redirectUri = window.location.origin
< /code>
для настройки библиотеки браузеров MSAL. < /p>
Настройки моего запуска устанавливают переменную среды порта на 8080. Но когда я запускаю приложение Aspire, приложение Vue, как правило, запускается на некотором случайном порте, который часто меняется. ценить. Что мне нужно сделать?


Подробнее здесь: https://stackoverflow.com/questions/796 ... -a-vue-app