nuxt 中的动态重写 url

Question

我想要的是与 wordpress 具有相同的行为，但使用 nuxt。

在我的页面文件夹中，我的结构如下：

index.vue
-tools
--_id.vue
--index.vue
-material
--_id.vue
--index.vue

我的 nuxt 将为这些生成相应的路由； 所以我们将使用这个 url 示例mydomain.com/tools/1，在这个页面中，我有所有与存储在我的数据库中的工具 id 1 相关的内容；我想在我的数据库中存储这个mydomain.com/tools/1，与重写的urlmydomain.com/tools/my-first-tools相关联； my-first-tools 在这里我可以随时更新它，但它总是与mydomain.com/tools/1 相关，所以最后当我登陆mydomain.com/tools/my-first-tools 时，我想要与mydomain.com/tools/1 相同的内容以及与mydomain.com/tools/my-second-tools 相关的@987654330 @ 内容会被axios以id作为参数动态获取

有没有办法用 nuxt 制作它？

Answer 1

您所描述的是slugs。在您的后端，您需要有一种方法来获取 slug 或 id，但为什么不像 Stackoverflow 那样做呢？

This website 在其 URL 中包含 id 和 slug 用于 SEO 的组合。我们来看看这个网址：

https://taskotto.com/blog/14/how-to-achieve-customer-satisfaction-in-5-steps-in-the-hostel-industry

你看到SO有blog/{blogId}/{slug}吗？！你可以在你的应用中做同样的事情：

mydomain.com/tools/1/my-first-tools

这样您就不需要您的后端能够通过slug 或id 进行检索。您将只能通过id 检索。你必须重新排序你的 nuxt 文件夹才有意义：

tools
-- _index.vue
-- _todoId
--- _slug.vue