Nuxt的错误页面和个性meta设置

当用户输入路由错误的时候,我们需要给他一个明确的指引,所以说在 应用程序开发中404页面时必不可少的。Nuxt.js支持直接再默认布局文件夹里建立错误页面。

建立错误页面
在根目录下的layouts文件夹下建立一个error.vue文件,它相当于一个显示应用错误的组件。

<template>
    <div>
        <h2 v-if="error.statusCode == 404">404 - 页面不存在h2>
        <h2 v-else>500 - 服务器错误h2>
        <ul>
            <li><nuxt-link to="/">HOMEnuxt-link>li>
        ul>
    div>
template>

<script>
export default {
    props:['error'],
}
script>

Nuxt的错误页面和个性meta设置_第1张图片

代码用v-if进行判断错误类型,需要注意的是这个错误时你需要在

你可能感兴趣的:(vue框架)