主页 / 问题 / 1029496
Accepted
Alex Kudrya
Asked:2020-09-30 16:11:53 +0000 UTC2020-09-30 16:11:53 +0000 UTC

Nuxt.js 通过异步请求不断在页面上抛出错误

  • 772

在 Nuxt.js + Laravel(REST) 上创建了第一个应用程序。通过axios请求时，如果返回有错误的响应，例如后端的表单验证错误，则会出现错误页面 Nuxt 错误页面

这使得无法处理错误。但是在非开发模式下运行应用程序时（npm run buid => npm run start），就没有这样的行为了。告诉我如何在开发模式下摆脱这种行为（npm run dev）？请求示例

async register() {
  await this.$axios.post('/auth/register', this.form);

  this.$auth.login({data: this.form});

  this.$router.push({name: 'index'});
},
vue.js

1 个回答

  1. Best Answer

    不处理axios错误会出现截图错误

    在使用 async & await 的情况下，您必须使用 try..catch

    例如

    async register () { 
  try {
    await this.$axios.post('/auth/register', this.form); 

    await this.$auth.login({data: this.form}); 

    this.$router.push({name: 'index'}); 
  } catch (err) {
    // TODO обработка ошибки
    // eslint-disable-next-line no-console
    console.error(err);
  }
}
    • 2

相关问题