首页 > 解决方案 > 如何在 Nuxt 插件中使用错误功能?

问题描述

我正在使用 Nuxt 和axios-module

我试图通过 axios 全局拦截器进行全局错误处理。

如何在 Nuxt 插件中使用错误功能?

// ~/plugins/axios.js

export default function ({ $axios, store, redirect, error }) {
 $axios
 .onError(apiError => {
   error({statusCode: '403', message: 'test'}) // It's not work.
   redirect('http://google.com') // It's work.
  })
}

重定向正在工作。但错误不起作用。只显示服务器错误页面

标签: pluginserror-handlingaxiosnuxt.js

解决方案


现在它在@nuxtjs/axios Helper中可用

export default function ({ $axios, error: nuxtError }) {
  $axios.onError(error => {
    nuxtError({
      statusCode: error.response.status,
      message: error.message,
    });
    return Promise.resolve(false);
  })
}

推荐阅读