React App 不作为 Azure App Service 中的子应用程序工作

Question

我有一个应用程序服务 URL domainname.azurewebsites.net。我想将我的 React App 部署到 domainname.azurewebsites.net/subapp/clientapp。我的 React App 是 .Net Core 项目的一部分，名称为 'TestProject'.

当我将我的 TestProject 发布到 domainname.azurewebsites.net/subapp 时，我的客户端应用程序默认在 domainname.azurewebsites.net/subapp/clientapp 中。因为我已经构建了我的 clientapp 以在 .Net Core 项目的根目录中输出 clientapp。我的 React 应用程序不工作。当我部署到根 'domainname.azurewebsites.net' 时，它起作用了。

Answer 1

默认情况下，Azure 为 Web 应用程序提供发布配置文件（将文件放入域的根目录）。

• 下载发布配置文件（从门户）
• 在 Visual Studio
中导入
• 编辑 web 部署配置文件（通常发布配置文件将具有 Web 部署以及 FTP 配置文件）
  • 将站点名称从 demo-site 更改为 demo-site\folder\sub-folder
  • 将目标 URL 从 http://demo-site.azurewebsites.net 更改为 http://demo-site.azurewebsites.net/folder/sub-folder
• 发布

转到门户 > 演示站点应用服务 > 配置 > 路径映射 > 虚拟应用程序和目录。并添加以下内容，

• 现在从 Visual Studio 发布。
• 如果您只需要发布到一级文件夹，即demo-site\folder，那么您只需将类型更改为[=15] =] 在 /folder 的路径映射中，并跳过子文件夹条目，因为您不需要它。并相应地更正发布配置文件中的 站点名称 和 目标 URL。