vue 怎么通过query传参给后端接口

在 Vue 中，可以通过以下方式将参数以 query 的形式传递给后端接口：

1. 使用 axios 发送 GET 请求，并在 URL 后面拼接参数：

axios.get('/api/user', {
  params: {
    id: 123,
    name: 'Alice'
  }
})

发送的请求 URL 为 `/api/user?id=123&name=Alice`，后端可以通过解析 URL 的 querystring 获取这些参数。

2. 使用 vue-router 进行路由跳转时，将参数作为 query 传递：

// 在组件中使用 $router.push() 跳转到目标路由
this.$router.push({
  path: '/user',
  query: {
    id: 123,
    name: 'Alice'
  }
})

这样跳转后的 URL 为 `/user?id=123&name=Alice`，后端可以通过解析 URL 的 querystring 获取这些参数。在目标组件中，可以通过 `$route.query` 获取传递的参数。