Router mode 与 404

mode模式

常规用法

export default new Router({
    mode: 'history', //mode模式
    routes: [...]
})

取值说明

（1）histroy：URL就像正常的 url，
示例：http://localhost:8080/home
（2）hash：默认值，会多一个“#”，
示例：http://localhost:8080/#/home

hash

hash发生变化的url都会被浏览器记录下来，从而你会发现浏览器的前进后退都可以用了，同时点击后退时，页面字体颜色也会发生变化。
这样一来，尽管浏览器没有请求服务器，但是页面状态和url一一关联起来。

history

history 可以分为两大部分，切换和修改，切换历史状态包括back、forward、go
三个方法，对应浏览器的前进，后退，跳转（在前进后退上长按鼠标，会出来所有当前窗口的历史记录）操作。
history 丢掉了丑陋的#但是它也有个问题：不怕前进，不怕后退，就怕刷新，f5，（如果后端没有准备的话）,因为刷新是实实在在地去请求服务器的。

一般我们使用 hash 模式

404 页面设置

如果访问的路由不存在，或者用户地址输入错误时，会有一个404友好的提示页面
（1）src/router/index.js中加入如下

// 404
{
    path: '*',
    component: () => import('@/components/404')
}

（2）src/components/404.vue中编写

<template>
    <div class="hello">
        <h1>404 not found</h1>
    </div>
</template>
<script>
export default {
    data () {
        return {
        }
    }
}
</script>
<style scoped>
</style>