使用javascript fetch将数据发布到django rest框架

Question

我正在尝试使用javascript fetch将数据发布到我的django rest框架。 我已经设置并喜欢DRF到我的模型，并从后端设置了所有东西。 我使用邮递员应用程序确保“获取”，“发布”等都作为实习工作。 但是，现在我在使用javascript发布数据时遇到问题，使用fetch发布数据。 我想将数据添加到我的文章模型中，该模型具有“标题”，“标记”，“内容”，“background_image”以及发布文章的用户。

这就是我的代码的样子

data = JSON.stringify({
    headline: "Testing",
    tag: "Testing",
    background_image: "Testing",
    content: "Testing",
    user: 1
})
fetch(
            "http://127.0.0.1:8000/api/v1/articlesapi/",
            {
                method: "post",
                headers: {"Authorization":"Token ed73db9bf18f3c3067be926d5ab64cec9bcb9c5e"},
                body: data
            }
 ).then(function(response) {
    return response.json();
}).then(function(data) {
    console.log("Data is ok", data);
}).catch(function(ex) {
    console.log("parsing failed", ex);
})

但是，我一直得到错误parsing failed TypeError: Failed to fetch 。 有人知道我做错了什么吗？

Answer 1

请在标题中添加“内容类型”和“接受”属性，我认为这可能是您出错的原因。 让我知道它是否有效:-)

fetch('"http://127.0.0.1:8000/api/v1/articlesapi/', {
      method: 'post',
      headers: {
        'Accept': 'application/json, text/plain, */*',
        'Content-Type': 'application/json',
        'Authorization':'Token ed73db9bf18f3c3067be926d5ab64cec9bcb9c5e'
      },
      body: JSON.stringify({data: "your data"})
    }).then(res=>res.json())
      .then(res => console.log(res));