时间戳

首页 > 解决方案 > Vue：我如何使用从 APi 获得的数据作为 Slug

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

问题描述

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

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

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

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

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

标签： apivue.jsslug

解决方案

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

推荐阅读