Angular4 Deploy to GCP , solve 404 error when running Apache

原理可以參照此篇

https://angular.io/guide/deployment#production-servers

簡單說就是讓其它的Page能夠導到Home頁面
就能讓Angular的routing 發揮作用



https://github.com/mgechev/angular-seed/wiki/Deploying-prod-build-to-Apache-2

照著上面的說明進行設定

1. 新增檔案 filename , .htaccess  放在index.html的同一層下

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

2. sudo a2enmod rewrite

3. sudo vim /etc/apache2/sites-enabled/000-default.conf
   假設你的執行路徑是在預設的 /var/www/html/下面   

   < VirtualHost *:80>      
     <Directory "/var/www/html">

    AllowOverride All 

     </Directory> 
   ...</VirtualHost >

4. service apache2 restart