manifest.json
があり、単一ページアプリケーションの最初のファイルを指すstart_url
プロパティがあります。
これはindex.html
であり、サイトのルートです。これをstart_url
にしたいのですが、そのファイルがURLとして要求されることはありません。
start_url
をサイトの相対ルートに向けるにはどうすればよいですか?
たとえば、サイトがhttps://example.com
にあるとすると、start_url
の値はhttps://example.com/manifest.json
に何を入れるべきでしょうか? PWAをhttps://example.com
およびnothttps://example.com/index.html
で開始するようにします。 PWAは別のドメインに配置される可能性があるため、start_url
は絶対ではなく相対である必要があります。
たとえばhttps://example.com/manifest.json
またはhttps://test.example.com/manifest.json
などのサイトのルートで実行している場合は、"start_url": "/"
を使用できます。
ただし、これはhttps://example.com/test/manifest.json
をhttps://example.com/
にマップします。これは、マニフェストのスコープ外のフォルダーにあるため失敗します。
代わりに、サブディレクトリを使用している場合は、scope
とstart_url
の両方を設定する必要があります。
"start_url": "./"
"scope": "."
これにより、https://example.com/test/manifest.json
が期待どおりhttps://example.com/test/
にマップされます。
マニフェストファイルでstart_urlを次のように設定する必要があります。
"start_url": "/"
ソース: https://developers.google.com/web/fundamentals/integration/webapks