Vue路由器中的参数和查询之间的区别？

Question

我无法清楚地弄清楚 vue 路由器中的 params 和 query 之间的区别。我最近遇到一个让我困惑的案例。有页面A和页面B，我想从页面A路由到页面B，页面B使用动态路由（例如'/user/:id/:age/:address'）并且数据来自params对象（get id，年龄，参数中的地址），当我重新加载页面 B 时，它失败并抛出 404 未找到（无法获取 /user/1/24/xxxstreet）。如果我使用查询而不是参数（例如'/user?id=1&age=24&address=xxxstreet'），我可以重新加载页面。那么有人可以帮我弄清楚vue路由器中params和query之间的区别吗？

Answer 1

为了获得最佳的 REST API 设计实践，它们在不同的上下文中使用。

参数是您尝试获取的资源。
示例：user/:id 表示您正在访问用户资源。

当您想要过滤这些资源时使用查询。
示例：users/?age="20" 表示您正在过滤一组年龄等于 20 岁的用户。