404页面制作

router/index.js

// 引用模板

import Error from '../components/Error.vue'

// 配置路由
export default
[
{
path:'*',
component:Error
}
]

Error.vue

<template>
<div>
{{msg}}
页面不存在
</div>
</template>
<script type="text/javascript">
export default{
data () {
return{
msg:"Error:404"
}
}
}
</script>