基本上,这需要执行以下步骤才能使其正常工作。
解决方案包含
i) sampleApp.API(.Net Core Web API)
ii)sampleApp.UI( Angular 应用程序)
为两个应用程序设置 Azure 门户
1) 在 azure 门户中转到您的 Web 应用程序 -> 设置 -> 配置
2)选择路径映射并在此处为子站点创建新的映射条目。添加此条目时不要选择目录复选框以将其保留为虚拟应用程序类型。单击保存
**Virtual Path:** /{folderName} **physicalPath:** /site/wwwroot/{folderName}
3)现在转到VS2017右键单击您的API项目并单击发布
4)在发布设置窗口中将路径设置为
site name : existing + "/{folderName} "
DestinationUrl : existing + "/{folderName} "
5) 现在 ng-build --prod 您的 Angular 应用程序并部署 dist/clientApp 文件夹并使用根路径发布。
所以现在两者都应该作为
angular app https://{AzureAppName}.azurewebsites.net
Web API https://{AzureAppName}.azurewebsites.net/{folderName}/api/{controllerName}/{action}
如果用户在访问 api 项目时仍然面临“无法从 web.config 读取配置数据”问题
为此,在您的 API 项目中转到 startup.cs 并将配置函数更改为具有以下代码行
app.Map('/{folderName}', app1 => Configure1(app1, loggerFactory);
并在名为 configure1 的配置函数的空白副本中创建并重新部署您的 API 项目,如上所述。
public void Configure1(IApplicationBuilder app, ILoggerFactory loggerFactory)
{
//keep it blank
}