Nuxt Axios模块错误处理和http状态代码

Question

我正在使用axios来调用我的nuxt应用程序的后端。当在后端调用上发生错误时，我了解到我可以使用.onError() axios方法处理它。

我通过谷歌搜索文档和问题的几乎所有内容都建议重定向到某些/ 404错误页面或其他内容。不幸的是，这仍然返回一个http 200状态代码，我认为这是不合适的。我更喜欢在后端发生404时触发相同的404错误（并且还显示相同的错误页面），并且向Nuxt显示缺少页面的用户显示（通过layouts / error.vue处理显示）。

我认为来自上下文的error（）函数应该可以解决这个问题，但我似乎无法实现这一点。

export default function ({ $axios, error }) {
  $axios.onError(axioserror => {
    const code = parseInt(axioserror.response && axioserror.response.status)
    error(code)
  })
}