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
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 阅读本文需要了解weex和vue,具体点击相应链接,喜欢简单的东西,所以会更新一些系列文章,关于weex的。 一:...
    繁华落尽ing阅读 6,763评论 3 9
  • Lesson11、首先确保安装了Node.js和npm依赖包管理工具2、在git上克隆官方示例程序 git clo...
    冰_心阅读 7,599评论 0 16
  • 一.安装vue-router vue-router是一个插件包,所以我们还是需要用npm来进行安装的。打开命令行工...
    錢小强_阅读 6,159评论 0 9
  • 路由 动态路由匹配 我们经常需要把某种模式匹配到的所有路由,全部映射到同一个组件,例如我们有一个user组件用来展...
    羊烊羴阅读 4,050评论 0 0
  • 心里好难过,甚至不知道有没有一个倾诉者愿意听蝎子唠叨,十三年了,蝎子依旧被牛儿折磨的不知东西,蝎子这十三年里,见各...
    蝎子女阅读 1,105评论 0 0