私のreactアプリでは、react-routerを使用していBrowserRouter
ます。私のwebpackファイルには
devServer.historyApiFallback: true
私は
<Route path='/details/:parameter' />
アプリ内を移動すると、フォールバックとルートの両方が期待どおりに機能します。
ただし、でサービスを提供しているルートにいて、/details/:parameter
更新すると、アプリが壊れて、コンソールに見つからないことが通知されます。
/details/webpack_bundle.js
ただし、ブラウザのURLには、パラメータとともに正しいルートが含まれています。
私はこれに対するエレガントな解決策を見つけたいと思っていました。なぜこのように動作しているのかについての説明はありがたいです。
重複する質問:Reactのネストされたルートが更新時にロードに失敗するを参照してください。
私はwebpackでHTMLWebpackプラグインを使用していますが、これが私が見つけた解決策です。
webpackConfig.output.publicPath = '/'
これにより、ルートディレクトリからバンドルがロードされます。
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加