angular - 如何将 Angular 2 应用程序部署为独立应用程序(使用 dist 文件夹)

Question

我已经完成了 Angular 2 应用程序的开发，需要部署它。我需要它独立工作。因此，我尝试将 dist 文件夹的内容移动到新的 apache 网站内，但路由机制由于某种原因不起作用，例如，当我尝试转到/integrations 路由时，我收到 404 错误。在开发过程中，在 Angular 2 服务器上，/integrations 可以工作，Angular 2 路由机制也可以工作并毫无问题地显示组件。我需要独立应用程序也能够使用不同的 URL/路径。有什么建议吗？

Answer 1

按照以下步骤操作:

第 1 步: ng build --prod --env=prod

第 2 步。 (将dist复制到服务器中)然后创建dist文件夹，复制dist文件夹并将其部署到服务器根目录中。

第 3 步。在根文件夹中创建 .htaccess 文件并将其粘贴到 .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>