在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);
});
我们知道我们可以在error
方法中捕获.catch()
。
但是当我使用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? 这篇文章。
但这篇文章与我的不同。
修改-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
答案 0 :(得分: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);