history模式监听_面试题:VueRouter中的 hash 模式和 history 模式有什么区别

面试题:VueRouter中的 hash 模式和 history 模式有什么区别

hash模式

  1. hash 模式的路由中带有 #
  2. hash 模式通过 window.onhashchange 方法监听路由的修改
  3. hash 模式在页面刷新的时候,发送的请求 url 是不带 # 后面的内容的
  4. hash 模式可以兼容部分低版本的浏览器
  5. hash 模式打包后,直接在浏览器中打开 /dist/index.html 可以正常的访问(原因是第 3 条指出的原因)

history模式

  1. history 模式是使用正常的 url 路径显示
  2. history 模式通过 pushStatereplaceState 方式修改路由改变
  3. history 模式在页面刷新的时候,会请求当前地址栏中完成的 url,这时需要服务器对这个 url 有处理,如果没有对应的文件,需要返回 index.html
  4. history 模式因为是使用的 HTML5 的新规范,所以不能兼容低版本的浏览器
  5. history 模式打包后,直接在浏览器中打开 /dist/index.html 会报错(原因是第 3 条指出的原因)

其他注意事向

  1. 有些 App 的分享是不支持 # 的,所以不能使用 hash 模式

总结

90920d4ea0627bfe1e17d4952137f4fb.png
知乎不能识别 markdown 的表格,em.......

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/429839.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

DC综合流程

Design Compiler and the Design Flow 步骤 将HDL描述的设计输入到Design Compiler中Design Compiler使用technology libraries, synthetic or DesignWare libraries, and symbol libraries执行综合过程,并展示综合结果。将HDL翻译为门级描述之后,Design…

对象必须实现 iconvertible。_精雕基础教程:对象的显示颜色

“颜色工具栏”用于修改图形、文字等操作对象的颜色,设置轮廓线或者区域填充颜色,从而获得彩色效果图。这一篇文章我们叙述如何修改对象的显示颜色和填充颜色。如下图所示,颜色工具栏按钮功能的说明参见相关部分。图 - 颜色工具栏修改对象颜色…

抓包mysql乱码_抓包数据乱码是什么情况?

为什么会出现这种情况?细心的童鞋可能发现是我们发送给服务器的请求连接的数据不同:第一张图的信息是{"roomid":98284,"uid":271298361556770}第二张图的信息是{"uid":276194535568357,"protover":2,"room…

[转载]析构函数的虚析构和非虚析构调用的差别

代码示例: 非虚析构的情况下. #include <stdio.h> #include <iostream>using namespace std;class A { public:A(){std::cout << "A is created." << std::endl;}~A(){std::cout << "A is deleted." << std::endl;} }…

外部函数能修改闭包内的变量_Python函数式编程,Python闭包

前置内容为了更容易理解闭包&#xff0c;在说闭包之前&#xff0c;讲一下两个概念&#xff1a;作用域和嵌套函数。作用域作用域是变量能被访问的范围&#xff0c;定义在函数内的变量是局部变量&#xff0c;局部变量的作用范围只能在函数内部&#xff0c;它不能在函数被外引用。…

mybatis 配置 mysql连接池_spring 5.x 系列第5篇 —— 整合 mybatis + druid 连接池 (xml配置方式)...

项目目录结构1. 导入依赖创建 maven 工程&#xff0c;除了 Spring 的基本依赖外&#xff0c;还需要导入 Mybatis 和 Druid 的相关依赖&#xff1a;org.springframeworkgroupId>spring-jdbcartifactId>${spring-base-version}version>dependency>mysqlgroupId>my…

noi题库(noi.openjudge.cn) 1.8编程基础之多维数组T21——T25

T21 二维数组右上左下遍历 描述 给定一个row行col列的整数数组array&#xff0c;要求从array[0][0]元素开始&#xff0c;按从左上到右下的对角线顺序遍历整个数组。 输入 输入的第一行上有两个整数&#xff0c;依次为row和col。余下有row行&#xff0c;每行包含col个整数&#…

Java学习笔记三——数据类型

前言 Java是强类型&#xff08;strongly typed&#xff09;语言&#xff0c;强类型包含两方面的含义&#xff1a; 所有的变量必须先声明后使用&#xff1b;指定类型的变量只能接受预支匹配的值。这意味着每一个变量和表达式都有一个在编译时就确定的类型。 Java数据类型分为两大…

metinfo mysql off_利用Sqlmap测试MetInfo企业网站管理系统MySql注入

上次叉叉讲了Sqlmap简单注入(access数据库)教程&#xff0c;这次咱说说MySql数据库MetInfo&#xff0c;是一款强大的企业网站管理系统&#xff0c;采用PHPMysql架构。叉叉下载的是MetInfo 5.1.5的免费版本&#xff0c;咱不是大拿&#xff0c;不会分析源码&#xff0c;直接丢到W…

c++获取sqlite3数据库表中所有字段的方法

常用方法&#xff1a; 1.使用sqlite3_get_table函数 2.获取sqlite创建表的sql语句字符串&#xff0c;然后进行解析获取到相应的字段 3.采用配置文件的方式&#xff0c;将所有字段名写入配置文件 方法1&#xff1a;使用sqlite3_get_table函数 代码&#xff1a; char *dbname “…

Oozie的架构

Oozie的架构图&#xff0c;如下&#xff1a; 从oozie的架构图中&#xff0c;可以看到所有的任务都是通过oozie生成相应的任务客户端&#xff0c;并通过任务客户端来提交相应的任务。 继续。。。 转载于:https://www.cnblogs.com/zlslch/p/6117705.html

python贴吧顶贴_python实现贴吧顶贴机器人

项目目录:– url.txt&#xff1a;多个需要顶起的帖子地址。– reply&#xff1a;多条随机回复的内容。–selenium&#xff1a;浏览器自动化测试框架。首先&#xff0c;我们先使用pip完成selenium的安装。接着&#xff0c;导入pyautogui自动控制鼠标的库。示例代码&#xff1a;p…

Confluence部署攻略 [转]

一、软件介绍 AtlassianConfluence&#xff08;简称Confluence&#xff09;是一个专业的wiki程序。它是一个知识管理的工具&#xff0c;通过它可以实现团队成员之间的协作和知识共享。Confluence不是一个开源软件&#xff0c;非商业用途可以免费使用。 Confluence使用简单&…

arp欺骗技术

ARP欺骗技术-获取内网目标IP访问图片!简介&#xff1a;ARP&#xff08;Address Resolution Protocol&#xff0c;地址解析协议&#xff09;是一个位于TCP/IP协议栈中的网络层&#xff0c;负责将某个IP地址解析成对应的MAC地址。要求&#xff1a; 虚拟机 Kali linux系统 1--命令…

存储过程实现可扩展灵活接口

序言 本文分享一个通过数据库&#xff08;ORACLE&#xff09;的存储过程&#xff0c;遵循“对修改封闭&#xff0c;对增加开放”的开闭原则&#xff0c;实现的可扩展性极强的灵活接口方案。 背景 本人从事离散型MES系统的开发工作&#xff0c;近期负责了一个PCBA&#xff08;电…

java 缓冲区中的数据存入缓冲区中_java8中NIO缓冲区(Buffer)的数据存储详解|chu...

java8新特性NIO缓冲区(Buffer)的数据存储。ByteBuffer&#xff0c;CharBuffer&#xff0c;ShortBuffer&#xff0c;IntBuffer,LongBuffer,FloatBuffer,DoubleBuffer.1、缓冲区在java nio中负责数据的存储。缓冲区就是数组。用于存储不同数据类型的数据。根据数据类型不同(boole…

mysql 循环体 如何测试_mysql里如何循环插入数据,进行测试

比如从现在开始一直循环到后年&#xff0c;比如设置8根管线&#xff0c;一直循环下去进行数据叠加&#xff0c;下面是C#代码&#xff0c;不知道怎么写下去了private void button1_Click(object sender, EventArgs e){connectionString “SERVER” server “;” “DATABASE”…

屏幕尺寸

屏幕尺寸分析 <!DOCTYPE html> <script src"js/jquery-1.11.3.js" type"text/javascript"></script> <html> <head><title>aaa</title><style>body{margin:10px;padding:10px;border:10px solid #000;}&l…

scrollWidth,clientWidth,offsetWidth的区别

通过一个demo测试这三个属性的差别。 说明&#xff1a; scrollWidth&#xff1a;对象的实际内容的宽度&#xff0c;不包边线宽度&#xff0c;会随对象中内容超过可视区后而变大。 clientWidth&#xff1a;对象内容的可视区的宽度&#xff0c;不包滚动条等边线&#xff0c;会随对…

ubuntu14.04 upgrade出现【Ubuntu is running in low-graphics mode】问题的一个解决办法

在ubuntu14.04上安装docker的时候&#xff0c;由于眼花没看清下图这句话&#xff1a; 直接执行了sudo apt-get upgrade命令。然后发生了一个悲剧&#xff01; 重启后出现下面这个错误&#xff01; 而且在点击OK进入下一步后&#xff0c;再也无法选中其他的配置选项……当时我就…