Vue：我如何使用从 APi 获得的数据作为 Slug答案

【问题标题】：Vue: How can i use the data gotten from APi as SlugVue：我如何使用从 APi 获得的数据作为 Slug
【发布时间】：2021-05-30 20:16:15
【问题描述】：

目前我已经构建了我的应用程序，它运行良好，但是，我不希望 url 显示我的 id，例如我的 url 目前是 www.example/product/23。而不是那个，我想要www.example/product/product-name。

数据来自的API是endpointURL.com/product/id 在我的 Vue 路由器中

{
  path: "/product/:id",
  name: "product", 
  component: product
},

如果我更改路径/product/:slug，则会产生错误。

我真的需要它来将网址更改为/slug。

【问题讨论】：

在这种情况下，您可能想使用 hashids 来隐藏您的 id npmjs.com/package/hashids 如果您希望它是 slug，您需要在您的数据库中创建 slug 属性/字段并使其独一无二跨度>
就像@RobertAnthonyS.Tribiana 所说，最简单的方法是创建一个endpointURL.com/product/slug API 端点，并让这个API 使用slug 而不是id 检索产品。
@NikolajDamLarsen 谢谢，这对我有用，创建 endpointURL.com/product/slug 解决了所有问题

【解决方案1】：

为了解决这个问题，我必须从后端创建一个端点，例如 endpointURL.com/product/slug

【讨论】：