在react-router中路由嵌套 url

IT技术 reactjs
2021-05-08 03:25:32

我已经定义了我的路线,当我导航到时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个回答

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

我添加<base href="/" /><head>我的中index.html并且它起作用了(:

有人问过类似的问题: React.js 上 img 的正确路径

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

当您在本地 iehttp://localhost:8080/或什至在您的 web 上工作时,这将是相同的http://www.yourdomain.com/