在react-router中路由嵌套的url

时间:2015-12-02 15:35:46

标签: reactjs

我的路线有所不同,当我导航到products/new时,工作正常,但如果刷新页面,他products/new没有进入,他会返回意外的令牌。

路线配置。

<Router history={createBrowserHistory()}>

<Route path="/" component={Layout}>
   <IndexRoute component={Home} />
   <Route path="produtos/novo" component={ProductsNew}/>
   <Route path="produtos" component={Products} />
</Route>

2 个答案:

答案 0 :(得分:3)

我遇到了类似的问题,最终意识到这不是React Router的问题,而是我自己的路径。它正在加载相对于/produtos而不是/的文件(与您的示例相关)。

我已将<base href="/" />添加到<head>的{​​{1}}中并且有效(

答案 1 :(得分:2)

有人问过类似的问题: Correct path for img on React.js

希望这会有所帮助。关键是您使用来自根的相对路径,即'/dir/assets/xxx.xx'第一个起始/启动URL路径形式根目录。

当您在本地工作时http://localhost:8080/或甚至在您的网络上http://www.yourdomain.com/