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

Javascript 如何让Nuxt页面知道错误代码状态?,javascript,vue.js,nuxt.js,Javascript,Vue.js,Nuxt.js,我正在建立一个Nuxt站点,并希望有一些错误处理(如404和401)。我在路上和路上都遵循了指南 当输入无效链接时,错误会重定向到我的错误页面,但是我无法接收教程的“error.statuscode” 两个教程都有一个道具“错误”,如下所示: //Nuxt.js站点 道具:[ “错误” ], //录像带 道具:{ 错误:{ 类型:对象, 默认值:null } } 从而允许他们呈现如下错误: ... ... ... 我已经尝试过让页面等待,直到用“v-f=”error“包装整个内容来定义“e

我正在建立一个Nuxt站点,并希望有一些错误处理(如404和401)。我在路上和路上都遵循了指南

当输入无效链接时,错误会重定向到我的错误页面,但是我无法接收教程的“error.statuscode”

两个教程都有一个道具“错误”,如下所示:

//Nuxt.js站点
道具:[
“错误”
],
//录像带
道具:{
错误:{
类型:对象,
默认值:null
}
}
从而允许他们呈现如下错误:


...
...
...
我已经尝试过让页面等待,直到用“v-f=”error“包装整个内容来定义“error”,但是这并没有改善情况


这可能与此相关,但Nuxt在导航到“localhost:3000/不存在”时也不再抛出错误。

有一个小错误:

应该是

错误。状态代码

因此,您可以按如下方式更改代码:

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

{{pageNotFound}}
...

在所有血腥的事情中,这是骆驼案