我正在使用Axios从我的React应用程序与API进行通信。我已经成功地完成了GET请求，但现在需要一个POST请求。
我需要body为原始文本，因为我将在其中编写MDX查询。以下是我发出请求的部分：
axios.post(baseUrl + 'applications/' + appName + '/dataexport/plantypes' + plan,
{
headers: { 'Authorization': 'Basic xxxxxxxxxxxxxxxxxxx',
'Content-Type' : 'text/plain' }
}).then((response) => {
this.setState({data:response.data});
console.log(this.state.data);
});
这里我添加了内容类型部分。但是如何添加正文部分呢？
谢谢。
编辑：
这是工作中的 Postman 请求截图
使用直接的axios API如何？
axios({
method: 'post',
url: baseUrl + 'applications/' + appName + '/dataexport/plantypes' + plan,
headers: {},
data: {
foo: 'bar', // This is the body part
}
});
来源: axios api
如果你的端点只接受通过Body（在Postman中）发送的数据，那么你应该发送FormData。var formdata = new FormData();
//add three variable to form
formdata.append("imdbid", "1234");
formdata.append("token", "d48a3c54948b4c4edd9207151ff1c7a3");
formdata.append("rate", "4");
let res = await axios.post("/api/save_rate", formdata);
axios.post(
baseUrl + 'applications/' + appName + '/dataexport/plantypes' + plan,
body,
{
headers: {
'Authorization': 'Basic xxxxxxxxxxxxxxxxxxx',
'Content-Type' : 'text/plain'
}
}
).then(response => {
this.setState({data:response.data});
console.log(this.state.data);
});
只需将原始文本置于 body 中，或者直接在引号中传递 '要发送的原始文本'，以取代 body。
axios post 的签名是 axios.post(url[, data[, config]])，因此 data 是您传递请求正文的位置。
"Content-Type": "text/plain"。axios.post(path, code, { headers: { "Content-Type": "text/plain" } }).then(response => {
console.log(response);
});
如果你使用.NET，需要注意的是一个直接传递字符串给控制器会返回415 Unsupported Media Type报错。为了解决这个问题，你需要将字符串用连字符包裹起来，并以"Content-Type": "application/json"的形式发送。
axios.post(path, "\"" + code + "\"", { headers: { "Content-Type": "application/json" } }).then(response => {
console.log(response);
});
C# 控制器：
[HttpPost]
public async Task<ActionResult<string>> Post([FromBody] string code)
{
return Ok(code);
}
如果有必要，您也可以使用查询参数进行POST请求:
.post(`/mails/users/sendVerificationMail`, null, { params: {
mail,
firstname
}})
.then(response => response.status)
.catch(err => console.warn(err));
这将使用两个查询参数POST一个空主体：
POST http://localhost:8000/api/mails/users/sendVerificationMail?mail=lol%40lol.com&firstname=myFirstName
这是我的解决方案:
axios({
method: "POST",
url: "https://URL.com/api/services/fetchQuizList",
headers: {
"x-access-key": data,
"x-access-token": token,
},
data: {
quiz_name: quizname,
},
})
.then(res => {
console.log("res", res.data.message);
})
.catch(err => {
console.log("error in request", err);
});
这应该能帮到你
await axios.post(URL, {
key:value //Second param will be your body
},
{
headers: {
Authorization: ``,
'Content-Type': 'application/json'
}
这样做可以更方便地在Jest中进行测试/模拟
var params = new URLSearchParams();
params.append('param1', 'value1');
params.append('param2', 'value2');
axios.post('/foo', params);
如果想要在请求主体中发送表单数据，你只需按以下方式将数据格式化为url参数：'grant_type=client_credentials&client_id=12345&client_secret=678910'并附加到axios配置中的数据中。
axios.request({
method: 'post',
url: 'http://www.example.com/',
data: 'grant_type=client_credentials&client_id=12345&client_secret=678910',
headers: {
'Content-Type': 'application/x-www-form-urlencoded',
},
})
用于React js中
let url = `${process.env.REACT_APP_API}/validuser`;
let body = JSON.stringify({
loginid: "admin",
password: "admin",
});
var authOptions = {
method: "post",
url: url,
data: body,
headers: {
"Content-Type": "application/json",
},
json: true,
};
axios(authOptions)
.then((resp) => {
console.log("response :- ",resp);
})
.catch((error) => {
alert(error);
});
我找到的唯一可行的解决方案是transformRequest属性，它允许你在发送请求之前覆盖axios进行的额外数据准备。
axios.request({
method: 'post',
url: 'http://foo.bar/',
data: {},
headers: {
'Content-Type': 'application/x-www-form-urlencoded',
},
transformRequest: [(data, header) => {
data = 'grant_type=client_credentials'
return data
}]
})
json还需要什么吗？ - Timo