axios如何获取.catch()中的状态码？答案

【问题标题】：How can axios get the status code in .catch()?axios如何获取.catch()中的状态码？
【发布时间】：2018-08-22 18:04:44
【问题描述】：

在Axios 文档中：

axios.get('/user/12345')
  .catch(function (error) {
    if (error.response) {
      // The request was made and the server responded with a status code
      // that falls out of the range of 2xx
      console.log(error.response.data);
      console.log(error.response.status);
      console.log(error.response.headers);
    } else if (error.request) {
      // The request was made but no response was received
      // `error.request` is an instance of XMLHttpRequest in the browser and an instance of
      // http.ClientRequest in node.js
      console.log(error.request);
    } else {
      // Something happened in setting up the request that triggered an Error
      console.log('Error', error.message);
    }
    console.log(error.config);
  });

我们知道我们可以在.catch() 方法中捕获error。

但是当我使用 Django-Rest-Framework 作为后端 API 提供者时。它只提供数据，没有状态：

你看到error：

{username: ["A user with that username already exists."]}

但是在浏览器中，我们可以知道状态码：

在问这个问题之前，我已经阅读了How can I get the status code from an http error in Axios? 这篇文章。

但我的帖子似乎不同。

EDIT-1

在我的 Django-Rest-Framework 项目中：

观点：

class UserCreateAPIView(CreateAPIView):
    serializer_class = UserCreateSerializer
    permission_classes = [AllowAny]
    queryset = User.objects.all()

序列化器：

class UserCreateSerializer(ModelSerializer):
    """
    user register
    """
    class Meta:
        model = User
        fields = [
            'username',
            'wechat_num',
            'password',
        ]
        extra_kwargs = {
            "password":{"write_only":True}
        }

    def create(self, validated_data):
        username=validated_data.pop('username')
        wechat_num = validated_data.pop('wechat_num')
        password=validated_data.pop('password')

        user_obj = User(
            username=username,
            wechat_num=wechat_num,
        )
        user_obj.set_password(password)
        user_obj.save()
        group=getOrCreateGroupByName(USER_GROUP_CHOICES.User)
        user_obj.groups.add(group)

        return validated_data

【问题讨论】：

标签： javascript python django django-rest-framework axios

【解决方案1】：

我在interceptors 配置中找到：

Axios.interceptors.response.use(
  res => {

    return res;
  },
  error => {

    return Promise.reject(error.response.data)
  }
);

我是直接返回error.response.data，我可以将其配置为error.response，或error。

如果我配置了error.response，那么在.catch() 中我可以像下面这样控制台：

console.log(response.data);
console.log(response.status);
console.log(response.headers);

【讨论】：