axios 中的 POST 请求，用于在 django restframework api 中创建对象答案

【问题标题】：POST requests in axios for creating object in django restframework apiaxios 中的 POST 请求，用于在 django restframework api 中创建对象
【发布时间】：2019-08-05 01:18:28
【问题描述】：

我正在使用 API，目前已经创建了一个用于创建和查看属于用户的帖子的 restframework API。帖子有一个文本字段和一个收藏夹标签字段。

我的帖子视图是一个基于类的视图，定义为 - class PostList(generics.ListCreateAPIView)

我在前端使用vue.js，我能够从前端成功获取请求，如下所示：

this.$http.get('posts/',{headers: {Authorization: 'Token ' + this.$store.getters.getToken }})

但是，我不确定如何在调用 restframework api 时将帖子的数据发送到后端。如何从前端发送文本字段。

目前当我尝试这样的事情时：

this.$http.post('posts/',{headers: {Authorization: 'Token ' + this.$store.getters.getToken }, data: {'text': 'asdasd' }})

我收到401 状态码错误

【问题讨论】：

您能否发表您的观点，以便更容易检查问题所在？
嗨！我现在也在原始帖子中添加了帖子视图。你可以去看看
Django 打印什么异常？
您能否验证您的令牌是否有效？ 401响应码表示“未经授权”。
我相信我的令牌是有效的，因为我使用了相同的令牌并对邮递员提出了相同的请求并且它有效。我猜测基于此，它与我的格式有关。

标签： django vue.js django-rest-framework axios

【解决方案1】：

这行得通吗？

this.$http.interceptors.request.use(
  config => {
    const token=this.$store.getters.getToken;
    if (token) {
      config.headers.Authorization = "Token " + token;
    }
    return config;
  }
);
this.$http.post('posts/', {'text': 'asdasd'})

【讨论】：

天哪，谢谢！这行得通！但是，您能否解释一下导致它起作用的具体区别是什么，而不是我的代码？