Vue 为了构建 SPA（单页面应用），需要引入前端路由系统，这也就是 Vue-Router 存在的意义。前端路由的核心，就在于 —— 改变视图的同时不会向后端发出请求。 创建的项目默认是hash模式如果需要改为history需要在路由文件中配置，还有结合后台配置才能使用。 Hash：即地址栏 URL 中的 # 符号（此 hash 不是密码学里的散列运算）。
转载
2024-08-15 18:04:10
126阅读
众所周知， 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，在不重新请求刷新页面的情况下，更新页面视图。路由的实现方式知道了路由是干啥的，那么怎么实现这种功能呢，
文章目录前言1、React router配置2、nginx 配置参考文档 前言React路由模式分为两种：hashHistory:比如 http://localhost:8080/#/loginbrowserHistory比如 http://localhost:8080/loginbrowserHistory的好处大于hashHistory, 但是麻烦的地方就是，browserHistory路由
转载
2024-04-17 13:32:34
181阅读
1. hash和history模式的区别hash模式url里面永远带着#号，我们在开发当中默认使用这个模式。如果用户考虑url的规范，需要推广宣传，或者开发的h5需要放在第三方的app里，有的app里面url是不允许带有#号的，需要将#号去除，那么就要使用history模式前端路由的核心，就在于 —— 改变视图的同时不会向后端发出请求。现代前端开发中最流行的页面模型，莫过于SPA单页应用架构。单页
转载
2024-05-31 11:42:16
388阅读
一、概念为了构建 SPA（单页面应用），需要引入前端路由系统，这也就是 Vue-Router 存在的意义。 前端路由的核心，就在于：改变视图的同时不会向后端发出请求。 为了达到这种目的，浏览器当前提供了以下两种支持：hash——即地址栏 URL 中的 # 符号（此 hash 不是密码学里的散列运算）。 比如这个 URL：http://www.abc.com/#/hello，h
转载
2024-07-24 07:41:21
282阅读
项目中使用vue的时候一定会用到路由，并且二级路由甚至三级路由的需求都是刚需的，当然，多级路由配置方法和二级路由的是一样的，简单讲讲二级路由的配置。第一步：安装路由生态yarn add vue-router (也可以用npm)第二步：配置一级路由一、src静态文件夹下新建router文件夹并在其里面新建一个index.js文件，引入vue-router// 1、引入vue-router和vue
i
哈希表
哈希表是一个基础的数据结构，中所周知，数组的随即访问效率是最高的，原因的是数组的随即访问可以通过索引直接定位到数据的实际地址，而无需遍历数组实现，这正是哈希表的思想，而数组也可以看成是索引为数字的特殊哈希表
哈希表实现了给定索引，直接计算出被索引数据存储地址的功能，这个过程是通过两次映射实现的
最新上线的一个后台管理系统，vue打包后部署到nginx指定的根目录下，使用正常，十分顺利。几天后，由于域名备案等需求，要求域名下的首页需要改成公司首页（首页是一个静态页面），将vue打包后的管理系统放到nginx二级目录下。结果将vue打包后的文件放置到二级目录下，直接访问不到查找原因定位于vue项目中的路由配置：export default new Router({
base: proce
对于Vue这类渐进式前端开发框架，为了构建SPA（单页面应用），需要引入前端路由系统，这也就是Vue-Router存在的意义。前端路由的核心，就在于——改变试图的同时不会向后端发出请求。hash模式： 有 /#/ 号的URL 为hash模式，hash符号之前的内容会被包含在请求中，hash之后的并不会包含于请求中，例如 www.baidu.com/#/name 请求的时候只会请求www.baidu
作者：沉末_前言使用vue、react、angular等技术开发过程中，我们都会遇到以下问题：首屏加载慢每一次更新都需要清除浏览器缓存才能看到效果(经常被测试吐槽)这两个问题可以从很多方面进行优化，今天我就从前端页面部署阶段来优化一下这两个问题。PS：以下内容都基于vue-cli3+。前端页面文件缓存方案从vue-cli3打包说起路由使用按需加载后，打包生成的文件，每一个路由页面都对应一个js和c
引言： 对于vue这类渐进式前端开发框架，为了构建SPA（单页面应用），需要引入前端路由系统，这也就是vue-router存在的意义。前端路由的核心，就在于——改变视图的同时不会向后端发送请求。为了达到这一目的，浏览器当前提供了一下两种支持： 1.hash（默认）——即地址栏URL中的#符号（此hash不是密码学里的散列运算）。 比如这个URL:http://www.abc.com/#/hello
目录一、前言二、hash模式三、history模式 一、前言对于hash模式和history模式，最直接的区别就是地址栏带不带"#"号了。 vue脚手架搭建的项目的路由默认是hash模式。 hash模式： 创建路由实例时，添加mode:"history"属性，即可使用history模式。const router = new VueRouter({
routes,
mode: "histo
在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发布vue项目遇到 配置location 始终404 和 在项目子目录点击浏览器刷新出现404问题使用nginx发布vue项目，为了方便测试就下载了一个nginx 放置自己目录下nginx目录是这样的一、配置端口然后打开conf / nginx.conf 配置 server，首选监听808 设置服务名listen 808; server_name localho
相关介绍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模式：url后面的有一个#,#后面的字符串，叫hash值，也叫锚点。
1）hash 值变化不会导致浏览器向服务器发出请求
2）hash 改变会触发 hashchange 事件 当hash值变化了，就会触发事件
3）在 html5 的 history 出现前，基本都是使用 hash 来实现前端路由的
4）由于hash路由，有个#，有人说比较丑
vue的路由有哈希模式（Hash）与历史模式（History），哈希模式部署到web服务器（Tomcat，Apache、IIS）不需要安装URL重写，如果是历史路由模式，部署到Web服务器上之后要安装URL重写。如果将vue部署到Nginx上，哪怕路由用历史模式，也不需要额外安装URL重写，还可以做负载均衡，方便好用。下面记录下我用Nginx部署VUE项目的经过。安装Nginx【1】安装nginx
转载
2024-03-28 21:00:06
340阅读
Vue的路由实现：hash模式 和 history模式hash 模式(Vue-router默认)示例：hash模式优缺点history 模式示例：history 模式的优缺点：传统路由跟前端路由不同Vue源码学习目录 你越是认真生活，你的生活就会越美好——弗兰克·劳埃德·莱特《人生果实》经典语录前端路由有两种模式：hash 模式和 history 模式，接下来分析这两种模式的实现方式和优缺点。V
history模式的配置方法我们来看看官方文档是教我们怎么配置的：HTML5 History 模式。首先要将mode设置为 history：const router = new VueRouter({
mode: 'history',
routes: [...]
})nginxlocation / {
try_files $uri $uri/ /index.html;
}&n
转载
2024-04-26 16:42:40
142阅读
