javascript - 将带有简单字符串的请求作为请求正文

Question

当我从浏览器执行以下代码时，服务器返回 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)
  })

但是第一个不应该也有效吗？

Answer 1

我通过覆盖默认的 Content-Type 解决了这个问题:

const config = { headers: {'Content-Type': 'application/json'} };
axios.put(url, content, config).then(response => {
    ...
});

根据我的经验，字符串的默认Content-Type是application/x-www-form-urlencoded，application/json 对于对象(包括数组)。您的服务器可能需要 JSON。