vue-router: history

前端路由模式有两种 一种是 hash 模式，使用 # 导航。另一种是 Html5HistoryAPI 模式，不使用 #。

• 你开启了 history 就是使用 Html5HistoryAPI 模式，使用这个模式不会添加 #

   export default new Router({
     mode: 'history',
     routes: [
       {
         path: '/',
         // name: 'home',
         component: home
       }
     ]
   })
  

• vue-router默认为hash模式

  • 使用hash模式下a标签href里添加#，如

     <a href="#/">home</a>
    

  • 如果不添加会造成下图效果并且无法加载页面

    
    image.png