首页 朝夕不倦,前端

vue-router提供了两种模式

  • hash 模式
    vue-router 默认为 hash 模式,当 URL 改变时,页面不会重新加载,只是根据 hash 来更换显示对应的组件,这就是所谓的单页面应用。
  • history 模式
    当使用 history 模式时,URL不再出现#号

解决方案

  1. 打开src下面的router文件夹里面的index.js或者是router.js
  2. 把mode模式改成history就可以了
  3. 不影响任何功能
const router = new VueRouter({
    mode: 'history',
    routes
})

 vue-element-admin中修改

const createRouter = () => new Router({
  // mode: 'history', // require service support
  scrollBehavior: () => ({ y: 0 }),
  mode: 'history',
  routes: constantRoutes
})



文章评论

目录