正文

vue hash模式和404页面的配置

IP云
IP云V管理员/3 阅读
09/03
提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

1.设置我们的路由配置文件（/src/router/index.js）：

{
path:'*',
component:Error
}这里的path:’*’就是找不到页面时的配置，component是我们新建的一个Error.vue的文件。

2.新建404页面：

<template>
<div>
<h2>{{ msg }}</h2>
</div>
</template>
<script>
export default {
data () {
return {
msg: 'Error:404'
}
}
}
</script>

已经实现404页面的效果。

mode的两个值

  1. histroy:当你使用 history 模式时，URL 就像正常的 url，例如 http://www.baidu.com/lms/，也好看！
  2. hash:默认’hash’值，但是hash看起来就像无意义的字符排列，不太好看也不符合我们一般的网址浏览习惯。