Question

我正在开发ReactJs Application。我在刷新构建页面时遇到页面未找到（404）错误，但是单击按钮可以正常工作（页面路由）。

index.js

df1.join(df2)

webpack.config.js

ReactDOM.render(<Provider store={store}>
    <BrowserRouter>
        <div>
            <div className="wrapper">
                <Switch>
                    <Route path="/" exact component={Home} />
                    <Route path="/profile" component={Profile} />
                    <Route path="/faq" component={Faq} />
                    <Route path="/privacy" component={Privacy} />                    
                </Switch>
            </div>
        </div>
        </BrowserRouter>
</Provider>, document.getElementById('root'));

browser console

当我尝试运行我的构建包时遇到了这个错误。但是当我运行module.exports = { entry: './src/index.js', output: { path: path.resolve(__dirname, 'build'), filename: 'bundle.js', publicPath: '/' }, devServer: { port: 3000, historyApiFallback: true }, }时，它的运行非常吸引人。（运行构建应用程序时显示404）

Answer 1

如果您在服务器上运行此代码，则很可能是服务器配置与网址匹配，并在没有反应的情况下响应404。

Answer 2

您需要为/使用精确的路径，否则它将不匹配任何内容，这意味着path =“”然后无法在路由中找到此地址，因此获取页面（404）。

 <Route exact path="/" component={Home} />

另外，您也可以尝试在path =“”下面，它应该可以工作。

<Route path="" component={Home} />

Answer 3

    <Route component={400page} />

查看用户是否添加路由器未找到，将显示页面未找到错误现在，如果用户不在/或/ profile，faq，则将显示400页组件的隐私。

阅读这篇文章，将会清楚地解释

硬刷新时找不到页面-React.js

3 个答案: