Netlify で Angular のルーティング利用時に必要な設定

Netlify に Angular のアプリケーションを配備しただけでは、Angular のルーティングが動作せずに 404 NotFound エラーが出ます。Netlify のサーバー上にファイルが見つからないためにこのエラーが出ているようです。エラーを解消して Angular のルーティングを動作させるためには、次の設定が必要でした。

１．_redirects ファイルを作成します。 src フォルダ配下に “_redirects” という名前のファイルを作成します。

２．_redirects ファイルの内容を加えます。（次の記述をコピペで OK です。）

/*    /index.html   200

３．angular.json の architect > build > options > assets に _redirects ファイルを指定します。

"architect": {
  "build": {
    "builder": "@angular-devkit/build-angular:browser",
    "options": {
      ...
      "assets": \[
        "src/favicon.ico",
        "src/assets",
        "src/\_redirects",//←ここを追加
      \],

これで Angular のリダイレクトが正しく動作するようになります。