如何在服务计划中为Azure Web App中的Angular设置Linux默认页面

Question

我可以在Linux服务计划上部署Angular到Azure Web Apps，它在点击{myapp}时工作正常。azurewebsites.net/index.html

我可以按预期在应用程序内导航。

点击根目录{myapp}时。azurewebsites.net它只显示hostingstart.html.

删除hostingstart无助。一些文章中建议的html。

如果我试图直接点击子页面url（如{myapp}.azurewebsites.net/mypage），那么我会得到一个错误：Cannot get/mypage（这在本地运行时有效）

我怀疑我需要设置默认页面，但我在Azure Web App的应用程序设置中找不到该页面。（我认为这只适用于Windows服务计划，而不适用于Linux服务计划）。

如何将其正确部署到Linux应用程序服务才能正常工作？

我找到了很多关于这个问题的文章，但它们似乎都涵盖了Windows应用程序服务计划。

Answer 1

您需要向Apache服务器添加URL重写规则，以便将任何页面请求重定向到Angular的索引。html

将其粘贴到您的root. htaccess文件中：

<IfModule mod_rewrite.c>
  RewriteEngine On
  RewriteBase /
  RewriteRule ^index\.html$ - [L]
  RewriteCond %{REQUEST_FILENAME} !-f
  RewriteCond %{REQUEST_FILENAME} !-d
  RewriteRule . /index.html [L]
</IfModule>

（来源：https://github.com/angular/angular/issues/11884#issuecomment-288852433)

编辑：如果使用节点。js后端，参考此SO答案：https://stackoverflow.com/a/34864585/235648