vue中api请求多参数的拼接

在Vue中，我们可以使用axios来发送多参数的API请求并进行拼接。axios是一个基于Promise的HTTP库，可以用于浏览器和Node.js。

首先，我们需要在项目中引入axios库。可以使用npm或手动引入CDN：

// 使用npm安装
npm install axios

// 在项目中引入
import axios from 'axios';

然后，我们可以使用axios的get或post方法来发送API请求。在发送请求时，我们可以通过在URL中添加参数来进行拼接。例如：

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

在上面的例子中，我们发送了一个GET请求到`/api/user`，并且在URL中拼接了两个参数：`id`和`name`。`params`是axios的一个配置项，用于指定要发送的参数。

同样，我们也可以使用post方法发送带有多个参数的API请求，只需要稍作修改即可：

axios.post('/api/user', {
  id: 1,
  name: 'John'
})
  .then(response => {
    console.log(response.data);
  })
  .catch(error => {
    console.error(error);
  });

在post请求中，参数会以请求体的形式发送给后端。我们将参数直接传递给post方法即可。

总结起来，通过使用axios库的get或post方法，并结合`params`或直接传递参数的方式，我们可以在Vue中拼接多个参数来发送API请求。