首页 > 其他 > 详细

VueRouter 路由模式与 404

时间:2020-03-14 19:24:19      阅读:62      评论:0      收藏:0      [点我收藏+]

路由模式

路由模式有两种

  • 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
    }

 

VueRouter 路由模式与 404

原文:https://www.cnblogs.com/xianquan/p/12493518.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!