Reactjs 在页面刷新时使用当前位置而不是默认页面

问题描述

我正在使用 "react-router-dom": "^5.2.0" 进行我当前的应用开发。我需要一个解决方案，让我的用户在页面刷新时保持在当前页面上，而不是返回到默认路由 (/)。

例如，我的用户在 https://example.com/services/plumbing 中，当他刷新页面时，我希望将他保留在同一位置而不是像 https://example.com/ 这样的默认路由，以便加载默认主页。如何使用反应路由器做到这一点？

目前，每当发生刷新时，我的路线都会更新为默认值，并返回到默认位置。如何解决这个问题？我这里没有任何数据依赖。

这是我的路线：

import { browserRouter as Router,Route,Redirect,Switch } from "react-router-dom";

<Router>
            <Layout>
            <Switch>
                <Suspense fallback={<div>Loading...</div>}>
                    <Redirect exact from="/" to="/home" />
                    <Route path="/home">
                        <Home />
                    </Route>
                    <Route path="/about-us">
                        <Aboutus show={-1} />
                    </Route>
                    <Route path="/what-we-do">
                        <WhatWeDo />
                    </Route>
                    <Route path="/projects">
                        <Projects />
                    </Route>
                    <Route path="/contact-us">
                        <ContactUs />
                    </Route>
                </Suspense>
            </Switch>
            </Layout>
        </Router>

这是我当前的 .htaccess 文件：

<IfModule mod_rewrite.c>
  RewriteEngine On
  RewriteBase /
  RewriteRule ^index\.html$ - [L]
  RewriteCond %{REQUEST_FILENAME} !-f
  RewriteCond %{REQUEST_FILENAME} !-d
  RewriteCond %{REQUEST_FILENAME} !-l
  RewriteRule . /index.html [L]
</IfModule>

我应该在哪里进行更改？我需要做什么改变？ 提前致谢。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）