如何解决react-router4 link点击url在之前的url追加的问题?

发布于 2022-09-11 15:34:14 字数 2164 浏览 14 评论 0

图片描述

图片描述

图片描述

点击首页,然后点击版本检测,此时都是正常跳转,看地址栏,然后再点首页,为什么地址变成http://localhost:3000/#/install/update/erp,怎么在版本检测的url上进行追加,不应该是http://localhost:3000/#/erp ???

怎么解决这个问题?

class Routes extends Component {

    render() {
        return(
            <Router>
                <Switch>
                    {config.map((route, index) => (
                        !route.private ? (
                            <Route
                                key={index}
                                path={route.path}
                                exact={route.exact}
                                component={route.component}
                            />
                        ) : (
                            <PrivateRoute
                                key={index}
                                path={route.path}
                                exact={route.exact}
                                component={route.component}
                            />
                            )

                    ))}
                    <Route render={ () => {
                        return (<p></p>)
                    } }/>
                </Switch>
            </Router>
        )
    }
}
import WrappedNormalLoginForm  from '../login/login'
import TableComponent from '../component/tableComponent';
import Page from '../menu/page'

export const config = [
    {
        path: '/',
        exact: true,
        component: WrappedNormalLoginForm,
    },
    {
        path: '/erp',
        component: Page,
        private: true,
    },
    {
        path: '/install/update/checkUpdate',
        component: TableComponent,
        private: true,
    }
]

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

错爱 2022-09-18 15:34:14

private 加个 exact 精确匹配看看

深海里的那抹蓝 2022-09-18 15:34:14

link路径的问题,后台用vue也遇到过,告诉我的

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文