欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

去掉vue路由中的#号

程序员文章站 2023-01-19 09:27:00
去掉vue路由中的#号 在使用vue进行开发的时候我们会发现地址栏上的ip后面会跟着一个#号,如果想去掉这个井号,我们可以在路由上加上mode: 'history', 即可去掉,是不...

去掉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,
    },
    
  ]
})