使用 Axios 发布数据

Question

我需要使用这样的代码：

 vr1 = 'firstName'
value1 = 'Fred'
vr2 = 'lastName'
value2 = 'Flinstone'

axios({
  method: 'post',
  url: '/user/12345',
  data: {
     vr1: Value1,
     vr2: Value2
  }
});

所以，这将与执行相同：

 axios({
  method: 'post',
  url: '/user/12345',
  data: {
    firstName: 'Fred',
    lastName: 'Flintstone'
  }
});

这可能使用 Java Script 6 吗？

原文由 Jose Cabrera Zuniga 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您可以创建自己的对象并将其传递给您的数据请求，如下所示：

 var obj = {
  [myKey]: value,
}

or

var obj = {};
obj['name'] = value;
obj['anotherName'] = anotherValue;

使用动态键创建对象

动态添加变量名称值对到 JSON 对象

编辑：如何发布请求

const profile = {};
//...fill your object like this for example
profile[key] = value;

axios.post('profile/student', profile)
  .then(res => {
    return res;
  });

原文由 Rafał Schmidt 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

也试试这个并更换

基本网址

使用您自己的主机名网址

import axios from 'axios'

let var1 = 'firstName'
let value1 = 'Fred'
let var2 = 'lastName'
let value2 = 'Flinstone'

const api = axios.create({baseURL: 'http://example.com'})
api.post('/user/12345', {
    var1: value1,
    var2: value2
})
.then(res => {
     console.log(res)
})
.catch(error => {
     console.log(error)
})

原文由 Njeru Cyrus 发布，翻译遵循 CC BY-SA 3.0 许可协议