Question

我有一个简单的react网站，网站之间有一些转换。它可以正常工作，但是当我刷新网站时，由于网址不匹配，它不再起作用。

我的意思是-例如，初始网址为user.github.io/app，而当我继续进行pageOne时，预期网址应为user.github.io/app/pageOne，但该网址仅为user.github.io/pageOne。我已经尝试将HashRouter与basename一起使用，但是老实说，这对React来说还很陌生，我不理解。 HashRouter给了我这个奇怪的/#/，在网络上看起来并不好。有任何快速的方法可以解决吗？

Answer 1

您已经要求输入代码，所以就在这里（不能发表评论那么久）

{transitions.map(({ item, props, key }) => (
<animated.div key={key} style={props}>
    <Switch location={item}>
        <Route path="/react-portfolio" component={PageOne} />
        <Route path="*/pathfinding" component={PageOne} />
        <Route path="*/easing" component={PageTwo} />
        <Route path="*/drinks" component={PageThree} />
    </Switch>
</animated.div>

这是来自Spring文档的示例页面转换。说实话，没有路由器。这是一个链接代码（其余相同）

<NavLink to="/pathfinding" className="nav-item nav-link" activeClassName="nav-item nav-link active">
Pathfinding

反应-路由会覆盖当前网址

1 个答案: