Closed oti closed 4 years ago
Netlify が Trailing Slash をデフォルトで設定しているため 、本番URLの末尾スラッシュをなしにした https://covid-19-act.jp/parenting-who でアクセスしても ~/parenting-who/index.html に 200 Rewrite されてリンク切れしません。
https://covid-19-act.jp/parenting-who
~/parenting-who/index.html
しかし、ドキュメント内のアセットやリンクのパスが相対パス指定なので、末尾スラッシュなしでアクセスした場合に下記のような不整合が生じ、アセットファイルが軒並み 404 になってしまいます。
https://covid-19-act.jp/parenting-who/
./style.css
https://covid-19-act.jp/parenting-who/style.css
https://covid-19-act.jp/style.css
当初はドメインルートの netlify.toml ファイルでリダイレクト処理を設定しようと試みましたが、当プロジェクト全体の 200 Rewrite 設定のせいなのかうまくいきません。
そこで、 <base> 要素を使った方法で対象します。<base> 要素は記述があるだけでどんな環境でも作用してしまうので、ローカルビルドでは出力せず、本番ビルドでだけ吐かれるようにしています。
<base>
動作実績は https://covid-19-act.jp/follow で体感できます。
https://covid-19-act.jp/follow
確認お願いいたします。
こちらやめました
Netlify が Trailing Slash をデフォルトで設定しているため 、本番URLの末尾スラッシュをなしにした
https://covid-19-act.jp/parenting-who
でアクセスしても~/parenting-who/index.html
に 200 Rewrite されてリンク切れしません。しかし、ドキュメント内のアセットやリンクのパスが相対パス指定なので、末尾スラッシュなしでアクセスした場合に下記のような不整合が生じ、アセットファイルが軒並み 404 になってしまいます。
https://covid-19-act.jp/parenting-who/
./style.css
https://covid-19-act.jp/parenting-who/style.css
https://covid-19-act.jp/style.css
当初はドメインルートの netlify.toml ファイルでリダイレクト処理を設定しようと試みましたが、当プロジェクト全体の 200 Rewrite 設定のせいなのかうまくいきません。
そこで、
<base>
要素を使った方法で対象します。<base>
要素は記述があるだけでどんな環境でも作用してしまうので、ローカルビルドでは出力せず、本番ビルドでだけ吐かれるようにしています。動作実績は
https://covid-19-act.jp/follow
で体感できます。確認お願いいたします。