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

时间:2017-03-03 15:40:35

标签: angular deployment routing routes

我已经完成了Angular 2应用程序的开发,我需要部署它。我需要它独立工作。所以,我试图在一个新的apache网站内移动dist文件夹的内容,但由于某种原因,路由机制不起作用,例如,当我尝试进入/ integration路由时,我收到404错误。在开发过程中,在角度2服务器,/集成工作和Angular 2路由机制工作并显示组件没有问题。我需要独立应用程序才能使用不同的URL /路径。有什么建议吗?

2 个答案:

答案 0 :(得分:3)

请按照以下步骤

第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>

答案 1 :(得分:1)

是的,您需要关注the angular 2 documentation deployment

它解释了如何回退到index.html并给你一个apache的例子