美文网首页
20.vue-router默认路径以及history的切换

20.vue-router默认路径以及history的切换

作者: 最爱喝龙井 | 来源:发表于2019-11-08 15:52 被阅读0次

默认路径我们可以在routes,中添加一个新的映射,然后重定向到我们的首页,修改history模式的话,更简单,我们在vue-router的实例对象中添加一个mode属性,值设为history就可以了

import vue from "vue";
import VueRouter from "vue-router";
import Home from '../components/Home.vue';
import About from '../components/About.vue'

vue.use(VueRouter)
let routes = [
    {
      path: '/',
      redirect: '/Home'
    },
    {
      path: '/Home',
      component: Home
    },
    {
      path: '/About',
      component: About
    }
]
let router = new VueRouter({
  routes,
  mode: 'history'
})
export default router

相关文章

网友评论

      本文标题:20.vue-router默认路径以及history的切换

      本文链接:https://www.haomeiwen.com/subject/adqwbctx.html