路由分两种：hash模式：url后面的有一个#,#后面的字符串，叫hash值，也叫锚点。
1）hash 值变化不会导致浏览器向服务器发出请求
2）hash 改变会触发 hashchange 事件 当hash值变化了，就会触发事件
3）在 html5 的 history 出现前，基本都是使用 hash 来实现前端路由的
4）由于hash路由，有个#，有人说比较丑
出现刷新后数据丢失的情况可分为，1、路由传参；2、从vuex获取参数 首先说一下1、路由传参：路由传参可分为query传参和params传参 （1）、query传参，参数会在地址栏中显示，如果你传的是字符串，刷新后页面的数据是不会丢失的，如果传的是对象或者是数组，那么刷新后，页面的数据就会丢失，此时解决的方法是，将复杂数据类型，传的时候转化成字符串，子组件接受的时候再转化过来，这样刷新后就不会丢失
转载
2024-04-03 22:10:37
604阅读
1. hash和history模式的区别hash模式url里面永远带着#号，我们在开发当中默认使用这个模式。如果用户考虑url的规范，需要推广宣传，或者开发的h5需要放在第三方的app里，有的app里面url是不允许带有#号的，需要将#号去除，那么就要使用history模式前端路由的核心，就在于 —— 改变视图的同时不会向后端发出请求。现代前端开发中最流行的页面模型，莫过于SPA单页应用架构。单页
转载
2024-05-31 11:42:16
388阅读
哈希表
哈希表是一个基础的数据结构，中所周知，数组的随即访问效率是最高的，原因的是数组的随即访问可以通过索引直接定位到数据的实际地址，而无需遍历数组实现，这正是哈希表的思想，而数组也可以看成是索引为数字的特殊哈希表
哈希表实现了给定索引，直接计算出被索引数据存储地址的功能，这个过程是通过两次映射实现的
在nginx上部署vue项目(history模式)； vue-router 默认是hash模式，使用url的hash来模拟一个完整的url，当url改变的时候，页面不会重新加载。但是如果我们不想hash这种以#号结尾的路径时候的话，我们可以使用路由的history的模式。比如如下网址：使用hash模式的话，那么访问变成 http://localhost:8080/bank/
转载
2024-04-12 06:40:25
392阅读
相关介绍nginx哈希表的实现是 ngx_hash_t。ngx_hash_t的实现也与数据结构教科书上所描述的hash表的实现是大同小异。 对于常用的解决冲突的方法有线性探测，二次探测和开链法等。ngx_hash_t使用的是开链法。源码分析哈希表的结构ngx_hash_elt_t是hash表中每一个元素的结构，实际存储在hash表中的结构typedef struct {
void
转载
2024-06-27 21:00:22
173阅读
众所周知， hash 和 history 在前端面试中是很常考的一道题目。在学习本文内容之前，周一对 hash 和 history 的认知可能就在 hash 的 url 里面多了个 # ，而 history 就不会。然后，我认知里还有一个是只有 history 才能做前后端分离，而 hash 跟前后端分离没有关系。然而，现实是……对于前端路由来说， hash 和 history 都可以用于前后端分
转载
2024-10-14 20:57:09
191阅读
VUE路由vue的路由干啥用的？已知咱们的Vue框架搭建的项目是SPA（单页面应用），项目里只有一个html页面。为啥只有一个html呢？ 为了减少页面的刷新，每次切换浏览器都刷新页面对用户很不友好。更新视图但不请求刷新页面，是我们前端路由的核心理念。所以vue的路由的作用就是：通过改变 URL，在不重新请求刷新页面的情况下，更新页面视图。路由的实现方式知道了路由是干啥的，那么怎么实现这种功能呢，
前言 ngx中的hash表有两种，一种是常规的hash表，另外一种是带有通配符的hash表（其中包含前缀通配符和后经通配符）。而带通配符的hash表是基于常规hash表建立的。 ngx_hash_t是nginx中的hash表的实现，定义和实现位于src/core/ngx_hash.c和src/core/ngx_hash.h文件中。ngx_hash_t的实现与一般的hash表实现大同小异。对于常用的
转载
2024-06-18 04:59:09
69阅读
Vue 为了构建 SPA（单页面应用），需要引入前端路由系统，这也就是 Vue-Router 存在的意义。前端路由的核心，就在于 —— 改变视图的同时不会向后端发出请求。 创建的项目默认是hash模式如果需要改为history需要在路由文件中配置，还有结合后台配置才能使用。 Hash：即地址栏 URL 中的 # 符号（此 hash 不是密码学里的散列运算）。
转载
2024-08-15 18:04:10
126阅读
文章目录前言1、React router配置2、nginx 配置参考文档 前言React路由模式分为两种：hashHistory:比如 http://localhost:8080/#/loginbrowserHistory比如 http://localhost:8080/loginbrowserHistory的好处大于hashHistory, 但是麻烦的地方就是，browserHistory路由
转载
2024-04-17 13:32:34
181阅读
前言最进写了一个小项目，前端用vue来写的，后端用SSM写的，后端的项目已经在服务器正常运行起来了，而前端一直在Idea上运行，还没有对项目打包在生产环境运行。突发奇想，想把前端的项目也部署在服务器上运行。我先在本地模拟部署了一下，发现在打开新窗口或者界面刷新的时候出现了404的错误。 问题分析和解决方案404异常表示我们的服务器上没有对应的URL资源，我们发现当前刷新的路径是localhost:
转载
2024-06-05 15:30:47
1419阅读
问题出现的环境背景： vue项目打包生成dist文件夹，将dist放到本机的nginx下运行，打开页面，正常点击菜单时，可以打开页面，除了主页，其他路由页面使用浏览器刷新或者复制url地址打开时，会出现页面404的情况。nginx的配置如下：server {
# ...其他部分省略...
listen 8081;
server_name local
转载
2024-06-05 15:31:49
86阅读
Vue CLICLI是什么意思？CLI是Command-Line Interface，翻译为命令行界面，俗称脚手架Vue CLI是一个官方发布的vue.js项目脚手架使用脚手架可以快速搭建Vue开发环境以及对应的Webpack配置Runtime + Compiler
new Vue({
el: ‘#app‘,
template: ‘‘,
components: {
App
}
})
main.js
一、Nginx简介1. Nginx 概述Nginx是一个免费、开源、高性能、轻量级的HTTP和反向代理服务器，也是一个电子邮件（IMAP/POP3）代理服务器。其特点是能支持高并发请求处理，并且占用较少的内存资源，提供稳定的、丰富的模块库，有很高的配置灵活性。目前，几乎所有的web项目，都配有Nginx。Nginx 由内核和一系列模块组成，内核提供Web服务的基本功能，启用网路协议、提供运行环境、
转载
2024-04-07 13:02:02
311阅读
history路由模式下的nginx配置
路由模式众所周知，浏览器下的单页面应用的路由模式有下面两种： hash 模式和 history 模式。hash 模式通用性好，而且不依赖服务器的配置，省心省力，但是缺点是不够优雅。相比于 hash 模式来说，history 模式则更加美观。但是，history 模式同样会有一个问题，就是当页面刷新时，如果没有合适
转载
2024-04-16 22:20:25
97阅读
项目中使用vue的时候一定会用到路由，并且二级路由甚至三级路由的需求都是刚需的，当然，多级路由配置方法和二级路由的是一样的，简单讲讲二级路由的配置。第一步：安装路由生态yarn add vue-router (也可以用npm)第二步：配置一级路由一、src静态文件夹下新建router文件夹并在其里面新建一个index.js文件，引入vue-router// 1、引入vue-router和vue
i
博主介绍：– 本人是普通大学生一枚，每天钻研计算机技能，CSDN主要分享一些技术内容，因我常常去寻找资料，不经常能找到合适的，精品的，全面的内容，导致我花费了大量的时间，所以会将摸索的内容全面细致记录下来。另外，我更多关于管理，生活的思考会在简书中发布，如果你想了解我对生活有哪些反思，探索，以及对管理或为人处世经验的总结，我也欢迎你来找我。– 目前的学习专注于Go语言，辅学算法，前端领域。也会分
转载
2024-10-25 09:55:31
47阅读
1. Nginx哈希中的存储数据区是一个大的数组; 每个key指向的存储数据区大小在初始化时就已经分配好了, Nginx哈希大小是不可以改变的, 即不支持数据的增减,只是在初始化完成后用于查询.2. Nginx数据中用于存储的字符串都是转化为小写, 因此用Nginx哈希查询时,需要将相应的字符串先转化为小写。3. 由于哈希的存储区是大数组, 并且每个桶对应的区域大小固定, 每个桶的对应的数组要比存
转载
2024-03-28 09:00:06
94阅读
1:序言
Nginx是lgor Sysoev为俄罗斯访问量第二的rambler.ru站点设计开发的。从2004年发布至今，凭借开源的力量，已经接近成熟与完善。Nginx功能丰富，可作为HTTP服务器，也可作为反向代理服务器，邮件服务器。支持FastCGI、SSL、Virtual Host、URL Rewrite、Gzip等功能。并且支持很多第三方的模块扩
转载
2024-08-16 13:00:57
1646阅读
