azure - 应用服务中的 Web 或应用配置来处理 Angular 路由

Question

我正在应用服务上运行 Angular 应用和 .NET Core API。我需要更新 web.config 来处理刷新，如 this answer 所示.

但是我的应用程序没有 web.config，当我尝试在 Angular 应用程序中添加 web.config 时，发布失败。有没有办法通过 Azure 门户修改 web.config，或者通过其他方式来完成上述操作？

The code repo如果有帮助的话。

Answer 1

当我尝试在本地运行您给定的存储库时，我收到以下警告。

• 如果您想添加 Web.config在部署到 Azure App service 之前将文件保存到 Angular App ，然后按照以下步骤操作。

• 打开Angular应用程序根目录。

• 添加web.config文件在 src根目录。

• 打开包管理器控制台并运行 ng build .

npm install
npm install --save-dev @angular-devkit/build-angular
ng build

• 名为 dist 的新文件夹将被创建。现在再次重新部署该应用。

Is there a way to modify the web.config through the Azure portal.

如果您已将应用程序部署到 Azure Windows App Service ，然后我们可以创建web.config部署的应用程序 Angular 根目录中的文件 KUDU控制台。

使用以下命令打开 KUDU 控制台 URL ,

https://YourAppServiceName.scm.azurewebsites.net/

• 确保您正在创建 webconfig文件在 Angular Application根目录。

• 如果您的应用程序部署在 Azure Linux App Service ，那么您需要创建.htaccess文件如 Link 中提到的您已分享的内容。

部署Angular app和.NET Core API至Azure App service没有任何问题，请按照SO线程1进行操作和 2了解更多详情。