Question

主页刷新成功。但是，对于我刷新时的其他任何路线，页面都会空白。

示例：

.../view/5f9ad1c453db51de5e52f94d
.../browse/movies/

这是上面的设置：

1- Nginx配置

.
.
.
root /var/www/html/build;
location / {
   try_files $uri $uri/ /index.html;
}
index index.html;
.
.
.

2-反应

<Router history={history}>
<Nav />
<div className="container mx-auto padding-m">
    <Switch>
        <Route exact={true} path="/" component={Home} />
        <Route path="/browse/movies/*" component={Browse} />
        <Route path="/view/:id" component={View} />
        <Route path="/category/:id" component={Category} />
    </Switch>
</div>
<Footer />

3-版本

----
"react": "^16.13.1",
"react-dom": "^16.13.1",
"react-js-pagination": "^3.0.3",
"react-router-dom": "latest",
"react-scripts": "3.4.3",
----

我已经尝试将"homepage": "./"添加到package.json

我没有尝试弹出并更改Webpack设置，

有什么建议吗？

我已经检查了以下答案，但对我而言不起作用： blank page when refreshing in react router

Answer 1

就我而言，将 package.json 中的 "homepage": "./" 更改为 "homepage": "/" 就成功了。

Answer 2

我的问题在package.json中，我在package.json中指定了主页，例如：

.
.
"homepage": "http://mywebsite.com/relativepath"
.
.

解决了我的问题。

谢谢！

刷新任何特定路由时，它显示空白页

2 个答案: