Vue 404处理与钩子函数

Vue 404处理与钩子函数

---

Vue路由模式有两种

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

如果不想要url中有#号，可以改为history模式
index.js

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

404 demo
1.创建一个NotFound.vue视图组件
NotFound.vue

<template>
<div>
  <h1>404你的页面走丢了</h1>
</div>
</template>

<script>
export default {
     
  name: "NotFound"
}
</script>

<style scoped>