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…

hdu 2222 Keywords Search(ac自动机)

题目链接 http://acm.hdu.edu.cn/showproblem.php?pid2222 题意:给你一系列子串,再给你一个主串问你主串一共有几个匹配子串 原来使用字典树写的但数据有点大TLE了,然后就开始学习ac自动机了,ac自动机就像是多串匹配的kmp原理也是…

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

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

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

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

WebView

WebView在Android系统中内置了一款高性能webkit内核浏览器,在SDK中封装为一个叫做WebView组件,WebView是基于webkit引擎,展现Web页面的控件。 WebView控件功能强大,除了具有一般View的属性和设置外,还可以对url请求、页…

mysql sql优化器_MySQL SQL优化之‘%’

设计索引的主要目的就是帮助我们快速获取查询结果,而以%开头的like查询则不能够使用B-Tree索引。考虑到innodb的表都是聚簇表(类似于oracle中的索引组织表),且二级索引叶节点中记录的结构为(索引字段->主键字段),我们可以通过改写sql(mysq…

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

代码示例: 非虚析构的情况下. #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;它不能在函数被外引用。…

onmousedown活用之碰撞效果

通过绝对定位,在页面中随意位置设置两个div; 也就是说div 是拖动的框,div1和div2是被触碰的框; 1 <!DOCTYPE html>2 <html>3 4 <head>5 <meta charset"UTF-8">6 <title></title>7 <style type"text/css&quo…

python判断密码强度_python – 检查密码的强度(如何检查条件)

你好最好的方法是使用正则表达式搜索这是我目前使用的功能def password_check(password):"""Verify the strength of passwordReturns a dict indicating the wrong criteriaA password is considered strong if:8 characters length or more1 digit or more1 s…

java 实现微博,QQ联合登录

详见&#xff1a;http://blog.yemou.net/article/query/info/tytfjhfascvhzxcyt313 开发平台 http://connect.qq.com/ http://open.weibo.com/ 可以下载相应的sdk 和 API Java代码 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748…

python启动多个进程_Python程序中的进程操作--—--开启多进程

Python程序中的进程操作--—--开启多进程之前我们已经了解了很多进程相关的理论知识&#xff0c;了解进程是什么应该不再困难了&#xff0c;刚刚我们已经了解了&#xff0c;运行中的程序就是一个进程。所有的进程都是通过它的父进程来创建的。因此&#xff0c;运行起来的python…

Angular JS (2)

通过Angular JS的官方教学文档&#xff0c;了解 routeProvider 的用法&#xff0c; angular.module(aaa).config([$locationProvider,$routeProvider, funtion config($locationProvider, $routeProvider){ app.config.js ---- angular. module(phonecatApp). config([$locat…

python多线程logger_python多线程logger_Dblogger:一个Python语言实现支持多进程和多线程日志打印高效Python日志库......

日期作者版本备注2020-12-7dingbinv1.0Dblogger: a powerful Python library supporting multi process and multi thread printing logsDblogger project implements a both multi-threads-safe and multi-process-safe logger library named dblogger in python language. It…

BIEE 目录迁移(文件夹)方式

文件夹迁移方式一&#xff08;归档--取消归档&#xff09;&#xff1a; 归档&#xff1a;analytics中选择目录&#xff0c;定位至指定文件夹&#xff0c;更多中选择归档&#xff0c;保存为 .catalog文档&#xff1b; 释放归档&#xff1a; 进入目录管理器&#xff0c;离…

unityscrollview生成大量_superscrollviewforUGUI的一些使用心得

接触这个插件也有差不多半年了&#xff0c;这段时间都是跟这个插件做的UI打交道&#xff0c;所以记一下相关的使用心得做备忘。这个插件主要由三个脚本构成&#xff0c;分别是ListItemData(挂载在要展示的物体预制体身上的&#xff0c;物体对应的属性&#xff0c;初始化字段等均…

使用的组件:ckeditor

老牌Web文本编辑器&#xff0c;无需多言。 官网地址&#xff1a;http://ckeditor.com/转载于:https://www.cnblogs.com/xusweeter/p/6098942.html

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个整数&#…

mysql memcache redis_redis,mysql,memcache的區別與比較,redis兩種數據存儲持久化方式

redis與mysql比較區別&#xff1a;mysql中一個中小型的網絡數據庫&#xff0c;比oracle和sqlserver小&#xff0c; 但是並發能力遠超過acess這樣的桌面數據庫&#xff1b;redis是一個內存鍵值數據庫&#xff0c;支持網絡、可基於內存亦可持久化的日志型、Key-Value數據庫。redi…