我正在尝试将两个 Angular 应用程序部署到一个应用程序服务计划，其中一个应用程序可通过 baseurl 访问，另一个应用程序可通过 baseurl/app1 访问

我能够使用虚拟目录路径映射让它工作。但问题是，当我尝试执行 baseurl/app1/route 时， Angular 深度路由无法访问。

<rewrite>
  <rules>
    <rule name="Angular routing to checkout" stopProcessing="true">
      <match url="^app1/.*"/>
      <conditions logicalGrouping="MatchAll">
      </conditions>
      <action type="Rewrite" url="/app1/" appendQueryString="true"/>
    </rule>
  </rules>
</rewrite>

我需要一种方法让 Angular 应用程序处理/app1/route 的内部路由。

最佳答案

这个 web.config 对我有用:

<configuration>
  <system.webServer>
    <rewrite>
      <rules>
        <rule name="app2" stopProcessing="true">
          <match url="^app2/.*" />
          <conditions logicalGrouping="MatchAll">
            <add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
            <add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" />
          </conditions>
          <action type="Rewrite" url="/app2/" />
        </rule>
        <rule name="app" stopProcessing="true">
          <match url=".*" />
          <conditions logicalGrouping="MatchAll">
            <add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
            <add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" />
          </conditions>
          <action type="Rewrite" url="/" />
        </rule>
      </rules>
    </rewrite>
    <caching enabled="true" enableKernelCache="true">
      <profiles>
        <add extension=".js" policy="DisableCache" kernelCachePolicy="DisableCache" />
      </profiles>
    </caching>
  </system.webServer>
</configuration>

在我的 appService 中它看起来像这样:

-- wwwroot // angular build of main app
-- wwwroot_app2 // angular build of second app available on /app2

我将 web.config 保存在 wwwroot 中。如果我没记错的话，appService 中只有一个 web.config 文件很重要。 还请记住在第二个应用程序中正确设置 baseHref 和 deployUrl。

https://stackoverflow.com/questions/56318892/