如何让Nuxt页面知道错误代码状态？

Question

我正在设置Nuxt网站，并希望进行一些错误处理（例如404和401）。我在Nuxt.js Website for Layouts和This helpful video tutorial上都遵循了指南。

我已经到达输入无效链接时错误重定向到我的“错误”页面的地步，但是我无法接收教程“ error.statuscode”。

两个教程都有一个“错误”属性，例如：

// Nuxt.js site
props:[
        'error'
    ],
//video
props:{
     error:{
          type: Object,
          default: null
     }
}

因此允许他们呈现如下错误：

<div v-if="error.statuscode === 400">
...
</div>
<div v-else-if="error.statuscode === 404">
...
</div>
<div v-else>
...
</div>

我试图通过用'v-f =“ error”'将整个内容包装起来来使页面等待，直到定义了'error'，但这并没有改善这种情况。

这可能是相关的，但是导航到“ localhost：3000 / does_not_exist”时，Nuxt也不再抛出错误

Answer 1

有一个小错误：

应该是

error.statusCode

因此您可以像下面那样更改代码：

    <div v-if="error.statusCode === 404">
      {{ pageNotFound }}
    </div>
    <div v-else>
    ...
    </div>