私はウェブホスティングとcPanelを初めて使用するので、親切にしてください...私はreactを使用してウェブサイトを構築し、そのビルドファイルをcPanelにアップロードすることに成功しました。正常に動作しているようですが、ページを切り替えようとすると、ページが明確に存在していても404エラーが発生します(たとえば、ボタンを押してmydomainname.com/about-usに切り替えた場合)。切り替えはreact-routerを使用してローカルで完全に機能します。誰かがこの問題の解決を手伝ってくれると本当にありがたいです!前もって感謝します!
これは、ReactJSがクライアント側ルーティングを使用するためです。
404を修正するには、.htaccess
ファイルを作成してコンテンツの下に貼り付け、サイトのルートにアップロードします。動作するはずです。
RewriteEngine On
RewriteBase /
RewriteRule ^index\.html$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.html [L]
上記が機能しなかった場合は、以下を試してください(ReactJSチームが推奨)。どちらかが機能するはずです。
Options -MultiViews
RewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-f
RewriteRule ^ index.html [QSA,L]
スイッチングは、react-routerを使用してローカルで完全に機能します
ルーティングは、組み込みのReactJS Webサーバーでは正常に機能しますが、ApacheWebサーバーでは機能しません。また、htmlアンカー()タグではなく、react routerLinkコンポーネントを使用してページ間を移動していることを確認してくださいa
。
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加