Question

未捕获（在承诺中）TypeError：无法设置属性“status”

2017-11-26

3048

javascript json ajax vue.js axios

大家好，我在尝试使用 Axios 和 VueJS 确认从服务器收到的响应时遇到了一些问题

axios.post('/login', {
  email: this.email,
  password: this.password
}).then(response => {
  if (response.status == 200) {
    $root.$data.auth = true;
  } else {
    alert('uhhhh');
  }
}).catch(e => {
  if (e.response.status == 422) {
    this.error = "You made that login right?  How could you habve forgotten it!";
  } else {
    this.error = "Something else happened and this is what: " + e.response.status;
  }
});

成功登录后，我在控制台中看到以下内容：

未捕获（在承诺中）TypeError：无法设置未定义的属性“status”

这似乎令人困惑，因为 Axios 文档指出我可以提取 response.status 对象并从中运行条件逻辑？

Answer 1

无论如何您都不应该检查响应状态，因为如果不是 200（OK），代码将执行下一个回调，即 .catch() ，在这里您可以处理错误。

Answer 2

我可以用这个来消除 error.response.status undefined 错误：

const errStatus = (typeof error.response.status !== 'undefined') ? error.response.status : 'unknown';
const errText = (error.response.statusText != null) ? error.response.statusText : 'unknown';
const errElse = { email: [`[Error status code: ${errStatus}].....[Error status: ${errText}]......Please submit a trouble ticket`] };
this.errors = errElse;