vue hash模式和404页面的配置

1.设置我们的路由配置文件（/src/router/index.js）：

{
   path:'*',
   component:Error
}

这里的path:’*’就是找不到页面时的配置，component是我们新建的一个Error.vue的文件。

2.新建404页面：

<template>
    <div>
        <h2>{{ msg }}</h2>
    </div>
</template>
<script>
export default {
  data () {
    return {
      msg: 'Error:404'
    }
  }
}
</script>

已经实现404页面的效果。

 

mode的两个值

1. histroy:当你使用 history 模式时，URL 就像正常的 url，例如 http://www.baidu.com/lms/，也好看！
2. hash:默认’hash’值，但是hash看起来就像无意义的字符排列，不太好看也不符合我们一般的网址浏览习惯。