vue axios get怎么携带参数

可以在get请求中使用params参数来携带参数，示例代码如下：

axios.get('/api/data', {
  params: {
    id: 123,
    name: 'example'
  }
})
.then(response => {
  console.log(response.data)
})
.catch(error => {
  console.log(error)
})

在上述示例中，params参数包含了两个键值对，分别为id和name，这些参数会被序列化并附加到请求的URL中。在服务端可以通过req.query来获取这些参数，示例代码如下：

app.get('/api/data', (req, res) => {
  const id = req.query.id
  const name = req.query.name
  // do something with id and name
})

相关问题

vue axios get带参数

在Vue中使用Axios发送GET请求，并且带上参数可以这样做：

1. 在Vue组件中引入Axios和Vue

import axios from 'axios';
import Vue from 'vue';

2. 在Vue组件中定义一个方法，用于发送Axios的GET请求，并且带上参数

methods: {
  getData() {
    axios.get('/api/data', {
      params: {
        id: 123,
        name: 'John'
      }
    })
    .then(response => {
      // 处理响应数据
    })
    .catch(error => {
      // 处理错误信息
    });
  }
}

3. 在Axios的GET请求中使用params选项来带上参数。params选项是一个对象，其中的属性名表示参数的名称，属性值表示参数的值。在上面的例子中，我们带上了id和name两个参数，它们的值分别为123和'John'。

注意：在实际开发中，我们通常会将接口的地址配置在一个配置文件中，例如：

const API_BASE_URL = 'http://api.example.com';

axios.get(`${API_BASE_URL}/api/data`, { params: { id: 123, name: 'John' } })

vue axios get请求带参数

Vue项目中使用axios发送get请求带参数的方法如下:

axios.get('/your-url', {
    params: {
        key1: value1,
        key2: value2
    }
})
.then(response => {
    // handle success
    console.log(response)
})
.catch(error => {
    // handle error
    console.log(error)
})

其中/your-url为请求的地址, params对象中的key-value对表示请求参数.
如果你使用了ES6的箭头函数,你可以简写为:

axios.get('/your-url', { params: { key1: value1, key2: value2 } })
.then(response => console.log(response))
.catch(error => console.log(error))