【Ionic4】WEBアプリをサブディレクトリにアップする方法

IonicのWEBアプリはWWWフォルダをそのままサーバーにアップすれば動作します。

しかし、サブディレクトリにアップするとファイルパスがルートパスを読み込んでしまい、JSファイルをロードできませんでした。

色々と調べてみたところ index.html の base タグを書き換えることで解消しました。

baes タグは相対パスの基準となるURIを指定するものです。

src フォルダ内の index.html を編集します。

  <!-- /src/index.html -->
  <base href="/" />

以下のように、アップする先の任意のディレクトリ名に書き換えます。

  <!-- /src/index.html -->
  <base href="/directory_name/" />

あとは ionic build --prod でビルドを行いサーバーにアップすれば、JSファイルが正常に読み込まれるようになります。