#環境
Webサーバ: Nginx
フロントエンド: React
ルーティング: React-Router
#経緯
React-Routerを使っていても、Nginxの設定を何もしていないと、ホーム以外の場所でリロードしたりしたときに404エラーになります。なぜかというと、
https://example.com/
にアクセス → サーバから/index.js
を取得https://example.com/A
に移動
--ここでリロードする--
3. https://example.com/A
にアクセス → サーバから/A/index.js
を取得
→/A/index.js
は存在しないので404
ということになるからです。なので、Nginxでhttps://example.com/*
は全てhttps://example.com/
にrewriteしています。
#問題
なぜかホーム以外がGoogleにインデックスされないので見てみると、
「ページにリダイレクトがあります」
という理由でインデックスがされていませんでした。
#必要な情報
https://example.com/*
の全てのアクセスに/index.js
を返すということと、Googleにインデックスされることの2つの条件を満たしたいです。
Nginxでリダイレクトではない方法で、全てのアクセスに対し同一のファイルを返す方法を教えていただきたいです。
https://example.com/contents/12345
のように複数の階層と大量のパラメータがあるので、Webサーバに全てのディレクトリを用意するのは現実的ではないです。
とても困っています。よろしくお願いします。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/08/29 02:32