一、hash模式

默认模式就是hash模式原理:window.onhashchange事件并非真实页面地址,而是以参数形式传给单页面文件,只需要保证index.html这个文件路径真实就可以了

二、history模式

new Router({mode: 'history',routes: []
})原理:window.history.pushState完成URL跳转,这种模式需要后端支持,因为如http://xxx/自定义路径在单页面应用中是没有的后端支持方式一:
服务器需要增加所有情况的候选资源,让它们都返回同一个index.html文件后端支持方式二:
在服务器上加一个简单的回退路由,如果URL不匹配任何静态资源,就提供index.html文件

router---模式相关推荐

  1. 计算机术语ap和交换机,AP模式和Router模式区别是什么

    AP模式和Router模式区别是什么 在TP-Link.水星(Mercury).迅捷(Fast)等品牌的迷你无线路由器上,有AP模式.Router模式.中继和桥接等几个上网模式,那么AP模式与Rout ...

  2. 路由器的AP模式、Router模式、Repeater模式、Bridge模式和Client模式的区别

    AP模式-当作无线交换机使用:Router模式-当作路由器使用:Repeater模式-中继放大无线信号:Bridge模式-无线桥接应用:Client模式-当作无线网卡使用. 图片转自:导航页 - TP ...

  3. AP模式和Router模式区别是什么

    AP模式和Router模式有什么区别呢?在TP-Link.水星(Mercury).迅捷(Fast)等品牌的迷你无线路由器上,有AP模式.Router模式.中继和桥接等几个上网模式,本文重点详细介绍AP ...

  4. Vue使用导航栏router模式,设置的default-active无效解决

    问题说明 最近开始使用Vue进行开发,但是在使用导航栏的router模式的时候,遇到设置default-active无效的问题,就是设置了default-active,但是没有默认出现该有的页面,仍然 ...

  5. 水星迷你无线路由器ap模式 下要不要启用 dhcp服务器,水星(Mercury)Mini无线路由器Router模式设置...

    本文介绍了水星(MERCURY)Mini无线路由器Router模式的设置方法,Router模式也即无线路由模式,在此模式水星迷你系列的无线路由器和普通的无线路由器并没有区别,可以给连接的终端分配IP地 ...

  6. Vue router 模式 hash 和 history

    目录 Vue router 基本使用 Vue-router 传参 hash 模式 Vue-router hash history 模式 Vue router 基本使用 用 Vue + Vue Rout ...

  7. 基于router模式的会议实现

    一.需求   1.注册.   2.点对点音视频.   3.即时消息(只支持文本).   4.会议人数不超过8个.   5.移动客户端包括windows,android以及ios.   6.Web客户端 ...

  8. RabbitMQ 基础学习七:路由(Router)模式

    原理: 生产者将消息发送给交换机,消息携带具体的routingkey.交换机类型是direct,接收到消息中的routingkey,比对与之绑定的队列的routingkey,分发到不同的队列上. 一个 ...

  9. TL-WR702N 150M迷你无线路由器设置指南Router无线路由模式

    TL-WR702N 外观小巧,提供三种供电方式:提供多种工作模式,满足灵活多变的组网方案.TL-WR702N 功能实用.性能优越.易于管理并且提供多重安全防护措施,可以有效保护用户的无线上网安全. 下 ...

  10. vuejs构建的单页面应用history模式子页面微信分享在iOS中遇到的问题

    问题描述 在用vuejs做的SPA单页面应用,router模式为history模式,应用是个商城,在进入商品详情页时,第一次进入页面提示签名无效,手动刷新一下就ok,很是烦躁,经过不懈努力,终于解决. ...

最新文章

  1. shell脚本--猜数字
  2. 恢复快速启动中的“显示桌面”按钮
  3. 复仇者联盟与IntelliJ IDEA也很配哦
  4. Java黑皮书课后题第5章:*5.16(找出一个整数的因子)编写程序,读入一个整数,然后以升序显示它的所有最小因子。例如,若输入的整数是120,那么输出就应该是:2、2、2、3、5
  5. mysql explain insert_mysql explain详解
  6. JavaScript学习笔记:迷宫游戏
  7. Oracle EBS AP 发票放弃行
  8. linux 快捷matlab_ubuntu下Matlab_Linux添加工具包操作步骤
  9. 缺少.lib文件导致的Link2019 解决方案汇总
  10. Linux报错问题:bash: vi: command not found
  11. 细数2011TurboMail企业邮箱功能新飞跃
  12. 计算思维与创新创业 课程 获批
  13. python中round(18.67、-1)_Python torch.round方法代码示例
  14. windows“你尚未连接代理服务器可能有问题”解决方法
  15. iReport下载安装配置及编译
  16. IOS开发之——音乐播放器-播放器页面(05)
  17. 小强统一认证中心-项目工程介绍
  18. WMS库存盘点流程 WMS库存盘点计划
  19. 电脑图片分类管理软件用什么工具,这一款便签工具可以管理图片
  20. 网易楚留香获取服务器信息,楚留香日常任务流程一览 新手大侠不能错过

热门文章

  1. getComputedStyle和currentStyle的区别和用法
  2. Tomcat 虚拟主机设置
  3. CreateFileMapping 共享内存
  4. 内存映射方法CreateFileMapping、MapViewOfFile、UnmapViewOfFile
  5. 家庭财务软件:水滴财务(Drips Finance)
  6. 一起来拥抱强大的TypeScript吧--Ts+Vue完全教程
  7. select和poll的区别
  8. 缺失值可视化Python工具库:missingno
  9. 孙溟㠭先生黄檗归来而篆刻“心”与“道”印章
  10. [Zookeeper基础]-- linux下搭建zookeeper集群