Reactでルーティングが効かない?

Reactで開発したWebシステムを、サーバに上げたら、なんかうまく動かない…。

トップ画面は表示されるんだけど、トップ画面以外へ遷移しようとすると「404」エラーになる。

どうにもアドレス解析(ルーティング)に問題があるっぽい気がする…。

原因

Apacheの設定が原因で、.htaccessが動作していなかった。

修正前

httpd.conf
:
<Directory />
    AllowOverride none
    Require all denied
</Directory>

Webシステムをデプロイしたサーバでは、デフォルトで.htaccessが無効になっていた。

修正後

httpd.conf
:
<Directory />
    AllowOverride none
    Require all denied
</Directory>

<Directory "/var/www/html">
    AllowOverride All
</Directory>

とりあえずドキュメントルートで.htaccessが使えるようにしたらいけた。

ふーむ。
思えば今までレンタルサーバばかり使っていたので、一からApacheの設定をしていなかった気がする。
勉強になりました。

あと全然React関係なかった。

投稿者: Output48

中学生の時に初めてHTMLに触れてからホームページ制作を独学で始める。 ベンチャー企業の営業、大手企業のSEを経て、独立。 ここ数年はWEB以外の仕事をしていたため、割と本気で勉強中。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください