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

Question

目前我已经构建了我的应用程序，它运行良好，但是，我不希望 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，它会生成错误。

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

Answer 1

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

Vue: How can i use the data gotten from APi as Slug