vue路由器中params和query的区别？

Question

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

Answer 1

对于最佳休息 api 设计实践，它们在不同的上下文中使用。

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

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