在 post 请求 axios 中传递参数答案

【问题标题】：passing parameters in post request axios在 post 请求 axios 中传递参数
【发布时间】：2018-08-03 09:07:18
【问题描述】：

我有一个对象，我将使用 axios 在发布请求中使用它

employee:{
    name: 'test',
    email: 'test@gmail.com',
    password: '123456',
    role: {
       created_at:"2018-08-03 07:34:30"
       deleted_at:null
       id:2
       role_name:"employee"
       updated_at:"2018-08-03 07:34:30"
    }
},

这是我的发帖请求

axios.post('api/employees', vm.employee)
.then( response => {
    alert("Employee Inserted");
    vm.errors.clear();
    vm.setFalse();
    vm.fetchEmployees();
    })
    .catch( error => {
       vm.errors.record(error.response.data);
});

如何在 post 请求中只传递角色对象中的角色名称以及名称、电子邮件和密码

【问题讨论】：

标签： javascript vue.js vuejs2

【解决方案1】：

如果你的意思是参数的标题，那么你可以试试：

var options = {
  headers: {'X-My-Custom-Header': 'Header-Value'}
};

axios.post('api/employees', vm.employee, options);

其他明智的做法是创建一个像这样的主体：

var options = {
  headers: {'X-My-Custom-Header': 'Header-Value'}
};

axios.post('api/employees', { 
  name: vm.employee.name, 
  role: { 
    role_name: vm.employee.role.role_name 
  } 
}, options);

【讨论】：

【解决方案2】：

我认为这对你有用。

axios.post('api/employees', {name: employee.name, email: employee.email, role_name: employee.role.role_name})
.then( response => {
    alert("Employee Inserted");
    vm.errors.clear();
    vm.setFalse();
    vm.fetchEmployees();
    })
    .catch( error => {
       vm.errors.record(error.response.data);
});

【讨论】：

【解决方案3】：

如果 ES2015 没问题，那么这将是一种更短的传递数据的方法：

axios.post('api/employees', {
  ...employee,
  role: { role_name: employee.role.role_name }
}) ...

【讨论】：