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 のリダイレクトが正しく動作するようになります。


Angular に関連するトピックは次のページにまとめてあります。

Angular 機能紹介一覧
https://kainobi2.blogspot.com/2019/02/angular.html