去掉vue路由中的#号

在使用vue进行开发的时候我们会发现地址栏上的ip后面会跟着一个#号,如果想去掉这个井号,我们可以在路由上加上 mode: 'history',  即可去掉,是不是很简单呢

export default new Router({
  mode: 'history',
  routes: [
    {
      path: '/', 
      name: 'Home',
      component: Home
    },
    {
      path: '/home',
      name: 'Home',
      component: Home,
    },
    {
      path: '/details/:id',
      name: 'Details',
      component: Details,
      props:true
    },
    {
      path: '/post_blog',
      name: 'post_blog',
      component: PostBlog,
    },
    
  ]
})

猜你喜欢

转载自blog.csdn.net/joyvonlee/article/details/82695109