nuxt- 配置404

直接layouts文件夹下加error.vue,定制自己想要的错误页面

  <template>
    <div>
      <h2 v-if="error.statusCode == 404">404页面不存在</h2>
      <h2 v-else>500服务器错误</h2>
      <nuxt-link to="/">返回首页</nuxt-link>
    <div>
  </template>
  <script>
    export default {
        props: ['error']
   }

当不存在当前页面时 会自动跳转
如果需要检验动态参数,可以在目的页面validate()方法里判断,也可以路由中间件中判断手动处理,比如我这边的多语言,输入不存在的多语言,也希望跳转404页面,可以在中间件写入

if (store.state.locales.indexOf(locale) === -1) {
    return error({
      message: 'This language could not be found.',
      statusCode: 404
    })
  }
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • error code(错误代码)=0是操作成功完成。error code(错误代码)=1是功能错误。error c...
    Heikki_阅读 3,452评论 1 9
  • error code(错误代码)=2000是无效的像素格式。error code(错误代码)=2001是指定的驱动...
    Heikki_阅读 1,860评论 0 4
  • 33、JS中的本地存储 把一些信息存储在当前浏览器指定域下的某一个地方(存储到物理硬盘中)1、不能跨浏览器传输:在...
    萌妹撒阅读 2,104评论 0 2
  • 1.自定义控件 a.继承某个控件 b.重写initWithFrame方法可以设置一些它的属性 c.在layouts...
    圍繞的城阅读 3,469评论 2 4
  • 文/摄:若木菡 大雪时节雨夹雪,北风瑟瑟鸟声迟。 天沉云暗三江敛,雾冷烟寒万壑失。 银杏飘零发春树,茶花吐蕊绽冬枝...
    若木菡阅读 1,428评论 2 15