使用react-router-dom刷新页面会为404创建应用程序的网站提供404错误

时间:2018-12-22 11:19:39

标签: create-react-app react-router-dom

所以我读过类似的问题,但答案对我来说太复杂了。我没有设置后端,我只使用create-react-app并安装react-router-dom,虽然我的网站可以在本地主机上刷新,但是当我在Internet上上传它们时,如果刷新了除主页上,他们给出404未找到页面错误。

这些是我已安装程序的版本:     “ react”:“ ^ 16.6.3”,     “ react-dom”:“ ^ 16.6.3”,     “ react-router-dom”:“ ^ 4.3.1”,     “反应脚本”:“ 2.1.1”

        <BrowserRouter>
            <div>
                <Switch>
                    <Route exact path="/" component={Home}/>
                    <Route path="/didyoukno" component={Didyouknow}/>
                    <Route
                        render={() => (
                            <div>
                                <h1>Error 404: Not Found</h1>
                                <Link to="/">Go Home</Link>
                            </div>)}
                    />
                </Switch>
            </div>
        </BrowserRouter>

1 个答案:

答案 0 :(得分:1)

因此,要在C面板上进行部署,您需要使用以下命令在公共文件夹中添加.htaccess:

Options -MultiViews
    RewriteEngine On
    RewriteCond %{REQUEST_FILENAME} !-f
    RewriteRule ^ index.html [QSA,L]

现在刷新或历史记录,将引用index.html