vue post传参如何在接口路径上拼接2个参数

在 Vue 中使用 post 请求并在接口路径上拼接两个参数，可以参考以下代码：

// 在组件中引入axios库
import axios from 'axios';

// 在方法中使用axios发送post请求
axios.post('/api/path/' + param1 + '/' + param2, {
  // 请求体参数
})
.then(response => {
  // 请求成功后的处理
})
.catch(error => {
  // 请求失败后的处理
});

其中，param1和param2为需要拼接在接口路径上的参数。在axios的post方法中，第一个参数为接口路径，使用字符串拼接方式将参数拼接在路径上。第二个参数为请求体参数，可以根据需要传入对应的参数对象。在请求成功和失败的回调函数中，可以对响应结果进行处理。

需要注意的是，接口路径中的参数需要在服务端对应的路由中进行处理。例如，在Node.js中可以使用`req.params`获取路径中的参数。

相关问题

vue路由传参 params多个参数

在路由中，可以使用params传递多个参数。使用params传递多个参数的方法是在router-link的to属性中使用对象形式，并在params属性中传递多个参数。例如，可以这样写：<router-link :to="{name:'home',params:{param1:'value1', param2:'value2'}}">跳转传递多个参数</router-link>。这样就可以将多个参数传递给名为"home"的路由组件。注意，params传参不会显示在地址栏中，但是不能刷新页面。另外，需要注意的是，如果提供了path属性，params传参会失效，所以只能配合name属性使用。[2][3]

vue post请求传参

Vue中使用post请求传参可以通过axios库实现，示例代码如下：

import axios from 'axios'

axios.post('/api/login', {
  username: 'user1',
  password: '123456'
})
.then(function (response) {
  console.log(response);
})
.catch(function (error) {
  console.log(error);
});

需要注意的是，要在Vue项目中安装axios库才能使用。另外，post请求传参时需要将参数以对象的形式传入，如上述代码中的{username: 'user1', password: '123456'}。