路由模式与 404

路由模式

路由模式有两种

• hash：路径带 # 符号，如 http://localhost/#/login
• history：路径不带 # 符号，如 http://localhost/login

修改路由配置，代码如下：

    export default new Router({
      mode: 'history',
      routes: [
      ]
    });

处理 404

创建一个名为 NotFound.vue 的视图组件，代码如下：

    <template>
        <div>
          页面不存在，请重试！
        </div>
    </template>
    
    <script>
        export default {
            name: "NotFount"
        }
    </script>
    
    <style scoped>
    
    </style>

修改路由配置，代码如下：

        {
          path: '*',
          component: NotFound
        }