当我从浏览器执行以下代码时,服务器给我400并抱怨请求正文丢失。任何人都知道如何传递一个简单的字符串并让它作为请求体发送?
let content = 'Hello world'
axios.put(url, content).then(response => {
resolve(response.data.content)
}, response => {
this.handleEditError(response)
})
如果我将内容包装在[]中,它就会通过。但随后服务器将其作为以[并以]结尾的字符串接收。这似乎很奇怪。
在摆弄后我发现以下作品
let req = {
url,
method: 'PUT',
data: content
}
axios(req).then(response => {
resolve(response.data.content)
}, response => {
this.handleEditError(response)
})
但第一个也不应该起作用吗?
答案 0 :(得分:8)
这适用于我(从节点js repl调用的代码):
const axios = require("axios");
axios
.put(
"http://localhost:4000/api/token",
"mytoken",
{headers: {"Content-Type": "text/plain"}}
)
.then(r => console.log(r.status))
.catch(e => console.log(e));
日志:200
这是我的请求处理程序(我正在使用restify):
function handleToken(req, res) {
if(typeof req.body === "string" && req.body.length > 3) {
res.send(200);
} else {
res.send(400);
}
}
Content-Type标头在这里很重要。
答案 1 :(得分:6)
Have you tried the following:
axios.post('/save', { firstName: 'Marlon', lastName: 'Bernardes' })
.then(function(response){
console.log('saved successfully')
});
Reference: http://codeheaven.io/how-to-use-axios-as-your-http-client/
答案 2 :(得分:5)
我在发送纯文本时遇到问题,发现我需要用双引号括住身体的值:
const request = axios.put(url, "\"" + values.guid + "\"", {
headers: {
"Accept": "application/json",
"Content-type": "application/json",
"Authorization": "Bearer " + sessionStorage.getItem('jwt')
}
})
我的webapi服务器方法签名是这样的:
public IActionResult UpdateModelGuid([FromRoute] string guid, [FromBody] string newGuid)
答案 3 :(得分:4)
我通过覆盖默认的Content-Type来解决这个问题:
const config = { headers: {'Content-Type': 'application/json'} };
axios.put(url, content, config).then(response => {
...
});
根据m经验,默认的Conent-Type是针对字符串的application / x-www-form-urlencoded,以及针对对象(包括数组)的application / json。您的服务器可能需要JSON。
答案 4 :(得分:2)
只需将标头'Content-Type': 'application/json'
放在其中,并将发送的数据放在正文JSON.stringify(string)
答案 5 :(得分:1)
axios.put(url,{body},{headers:{}})
示例:
const body = {title: "what!"}
const api = {
apikey: "safhjsdflajksdfh",
Authorization: "Basic bwejdkfhasjk"
}
axios.put('https://api.xxx.net/xx', body, {headers: api})
答案 6 :(得分:1)
另一个简单的解决方案是用大括号将给定代码中的内容变量括起来,如下所示:
let content = 'Hello world'
axios.put(url, {content}).then(response => {
resolve(response.data.content)
}, response => {
this.handleEditError(response)
})
警告:但这不会将其作为字符串发送;它会将它包装在一个 json 正文中,如下所示:{content: "Hello world"}
答案 7 :(得分:0)
let content = 'Hello world';
static apicall(content) {
return axios({
url: `url`,
method: "put",
data: content
});
}
apicall()
.then((response) => {
console.log("success",response.data)
}
.error( () => console.log('error'));
答案 8 :(得分:0)
这对我有用:
export function modalSave(name,id){
console.log('modalChanges action ' + name+id);
return {
type: 'EDIT',
payload: new Promise((resolve, reject) => {
const value = {
Name: name,
ID: id,
}
axios({
method: 'put',
url: 'http://localhost:53203/api/values',
data: value,
config: { headers: {'Content-Type': 'multipart/form-data' }}
})
.then(function (response) {
if (response.status === 200) {
console.log("Update Success");
resolve();
}
})
.catch(function (response) {
console.log(response);
resolve();
});
})
};
}