问题标签 [dynamic-routing]

我希望每个用户都有一个类似的页面：mywebsite.com/username，显示他们的简历和个人资料图片。

这在 React 中如何实现？

我的想法是使用动态路由并设置一个从后端提取信息（简历、个人资料图片）的组件。

1) 在反应路由器中

<Route path={"/movie/:id"} component={ResultPage} />

2) 搜索组件

当我搜索电影时，它会点击 API 并显示一个Result组件。每个结果Link都指向一条动态路线（上图）。

3) 结果组件

我在 中传递了一些道具，Link并用于props.location.state获取该ResultPage组件的其余电影数据。

4) ResultPage 组件

您现在可以看到 URL，http://disnyplus.plus/movie/avengers-endgame但是如果您打开一个新选项卡并复制/粘贴相同的 URL，页面将出错，因为它没有所有数据是我的猜测，因为它是props从搜索中获得的 -> 单击结果 -> ResultPage 流。

是否有另一种方法来实现这一点，或者是使用动态页面并传递给它的副作用props？

我在 Next.js 中遇到了一个问题，我需要导航到具有任意数量的动态嵌套路由的 URL 并获取每个路由的值。例如，我应该能够导航www.mysite.com/color/black/fit/slim/size/medium并获取所有路由的值，例如一个数组，例如：

这可以在 Next.js 中完成getServerSideProps吗？

谢谢

我正在尝试使用 nextjs 创建一个模态，遵循此https://github.com/vercel/next.js/tree/canary/examples/with-route-as-modal 我想要的是，当我进入模态使用动态路由，它将在我已经打开的页面上打开，如果用户刷新页面或使用链接访问它，它应该打开已打开模式的主页面，我该如何实现下一步？

我已经建立了一个网关服务，它运行良好。现在我想删除该网关中的一些路由，我使用 API /actuator/gateway/routes/{route_id} 和 Spring 文档中的 DELETE 请求，但它响应 Not found Route by id，但是当我使用 API /actuator/gateway/routes/{route_id} 与 GET 请求，我得到了路线。Spring的API有什么问题吗？

问题

我/update/<randomString>在Flaskapp.py 文件中创建了一个动态路由，其中randomString​​是一个随机生成的字符串，长度为50。但是，如果我搜索，/update/1我可以查看相同的动态路线/update/<randomString>而不会出现任何错误！谁能解释为什么会这样？

看看我到目前为止所尝试的：

update.html 页面中动态页面的链接，其中随机字符串在 session 的帮助下传递（在 index.html 页面中定义）。

编辑：当我单击上面定义的链接并且我的 URL 部分显示那个长的随机字符串时，我还可以查看动态路由。问题是：当我搜索时，我可以访问相同的路线http://127.0.0.1:5000/update/1

截图一

截图二

如何创建这种类型的 url：

http://localhost:3000/designer/book1

http://localhost:3000/engeniring/book1

http://localhost:3000/art/book1

如果我尝试将特定名称的文件放在 pages 文件夹中，那么我必须多次这样做。

任何的想法？

这里 desinger、enginerring、art 像书类一样是动态的，而 book1 也是动态的，就像一个单独的帖子一样

我现在正在写搜索结果页面，我想使用动态路由来实现。这是我的搜索条形码，

searchWord是用户的输入，如果用户点击自动完成的链接，它将跳转到searchResult页面。这是我的搜索结果代码，

我写了一个console.log(searchName)看看代码是否可以获取searchName，这是我的谷歌浏览器的截图。 谷歌浏览器中的路由路径 console.log(searchName)

但我只能undefined在我的 chrome 终端中看到。

因此，当我单击具有动态路由的另一个页面上的按钮时，我试图动态呈现具有其属性的组件。我的路线是：

<Route path="/prod/:id/:descr/:price/:image"><MakePurchase /></Route>

然后我也设置了一个链接如下：

<Link to={"/prod/"+product.id+"/"+product.descr+"/"+product.price+""+product.image}>

在我要渲染的组件中，如下所示：

price 和 descr 的值完美返回，但对于图像，没有显示图像。我做了一个 console.error(props) ，它返回这样的值

请问，如何获取图像的正确路径并在页面上显示图像？

我正在使用 Next.js 路由器根据 URL slug 启用不同的仪表板。这在单击带有链接的按钮时有效，因为链接将信息传递给 Next.js 路由器，但当 URL 直接输入浏览器时它不起作用（即如果用户刷新页面则不起作用，或者直接使用 slug 键入 URL）。因此，虽然我可以在按下链接时使用动态路由，但如何在未按下链接时启用动态路由？

相关代码如下。非常感谢