Vue:我如何使用从 APi 获取的数据作为 Slug

问题描述

目前我已经构建了我的应用程序,它运行良好,但是,我不希望 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

解决方法

为了解决这种情况,我必须从后端创建一个端点,例如 endpointURL.com/product/slug