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请求。