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

スポンサーリンク

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

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

2._redirects ファイルの内容を加えます。(次の記述をコピペで OK です。)

/*    /index.html   200

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

コメント

  1. […] Netlify で Angular のルーティング利用時に必要な設定https://watermargin.net/programming/angular/netlify-angular-routing/ […]

タイトルとURLをコピーしました