mode设置和404处理

首先此mode非彼mode,这里的mode 是指在用户浏览器你上url形式的,如果喜欢简洁的就用history,如果要有井号的就用hash全品个人喜好,那就在index.js下引入mode

1
mode:'history'//或hash

404处理就是在用户输错地址或者你自己随便写个to到标签是错的,为了更好的用户体验而设置的

index.js

1
2
3
4
{
path:'*',//*就表示404页面
component:Error//写这步就意味着要建个Error.vue和import一下
}

Error.vue

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<template>
<div>
<p>{{message}}</p>
<h2>找不到此页面</h2>
</div>
</template>
<script>
export default{
name:'Error',
data:function(){
return{
message:'Error:404'
}
}
}
</script>

App.vue

1
<router-link to="/sdfgsadh">我是瞎写的</router-link>
-------------本文结束感谢您的阅读-------------