路由模式与 404

学习完整课程请移步 互联网 Java 全栈工程师

本节视频

• 【视频】Vue 渐进式 JavaScript 框架-VueRouter-路由模式与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
    }