首页 > 其他分享 >前端框架vue路由hash模式与history模式的区别

前端框架vue路由hash模式与history模式的区别

时间:2023-11-25 17:36:49浏览次数:28  
标签:vue hash 美观 模式 点击 路由 history

hash模式会在页面初始化的时候,url后面会带上/#的hash值,后面是路由组件加携带参数,缺点是看起来不太美观,但相比于history模式来说,它具有用户在页面各种点击操作后,点击刷新后数据不丢失,也不会出现网络报错。

而history模式优点是能让整个url看起来比较简洁美观,但问题就是项目部署上线后,在用户访问各个界面后,点击刷新会出现404网络报错,这时候需要后端协调去解决问题——去npm官网看相关的文档,后在node express上安装后,解决这个问题。

总之,现主流还是倡议使用history模式(因为看起来确实很美观),因此就得需要前端人员去和后端人员进行良好的沟通与协调。

 

标签:vue,hash,美观,模式,点击,路由,history
From: https://www.cnblogs.com/katyjohn/p/17855773.html

相关文章

  • 每日随笔——职责链模式
    [实验任务一]:财务审批某物资管理系统中物资采购需要分级审批,主任可以审批1万元及以下的采购单,部门经理可以审批5万元及以下的采购单,副总经理可以审批10万元及以下的采购单,总经理可以审批20万元及以下的采购单,20万元以上的采购单需要开职工大会确定。现用职责链模式设计该系统。......
  • 整合驰骋工作流引擎的三种模式以及的优缺点总结
    什么是系统集成?1.当您需要把ccbpm的系统与您的系统或开发架构要一起工作的时候,我们就称为集成.2.集成步骤:功能应用方面的集成与组织结构的集成.3.组织结构集成是第一步,ccbpm有自己独立组织结构,可以独立运行,当与您的应用一起工作时才需要集成。组织结构集成.1.组织结构集成分......
  • Vue
    vue官网:https://cn.vuejs.org/一、Vue概述1.Vue简介 Vue是一个渐进式(真正用到才引用)的JavaScript框架与其它大型框架不同的是,Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,与现代化的工具以及各种支持......
  • Vue element 关于下拉框输入模糊查询
    最近又一个新的需求,在输入框实现输入框下拉模糊查询开始对elementui还不熟悉,不知道怎么用,不过通过网上查阅资料发现使用<el-col:span="12"><el-autocompletev-model="form.name"......
  • 实验5:建造者模式
    实验5:建造者模式本次实验属于模仿型实验,通过本次实验学生将掌握以下内容:1、理解建造者模式的动机,掌握该模式的结构;2、能够利用建造者模式解决实际问题。 [实验任务一]:计算机组装使用建造者模式,完成下述任务:计算机组装工厂可以将CPU、内存、硬盘、主机等硬件设备组装在一起......
  • FS2111 是一款低静态电流、高效率、PFM 模式控制的同步升压变换器
    干电池升压芯片是一种能够将3V、3.3V、4.5V、5V等电压升压至所需电压的芯片。这种芯片具有高效率、低功耗、小体积、轻重量等特点,广泛应用于各种需要升压的领域,如手电筒、数码相机、蓝牙耳机等。干电池升压芯片的升压输出范围一般在3V-5V之间可调,可以根据实际需求进行调节。在升压......
  • 实验4:抽象工厂模式
    软件设计                 石家庄铁道大学信息学院 实验4:抽象工厂模式本次实验属于模仿型实验,通过本次实验学生将掌握以下内容:1、理解抽象工厂模式的动机,掌握该模式的结构;2、能够利用抽象工厂模式解决实际问题。 [实验任务一]:人与肤色使用抽象工厂模......
  • 实验2:简单工厂模式
    软件设计                 石家庄铁道大学信息学院 实验2:简单工厂模式本次实验属于模仿型实验,通过本次实验学生将掌握以下内容:1、理解简单工厂模式的动机,掌握该模式的结构;2、能够利用简单工厂模式解决实际问题。 [实验任务一]:女娲造人使用简单工厂模......
  • 实验3:工厂方法模式
    实验3:工厂方法模式本次实验属于模仿型实验,通过本次实验学生将掌握以下内容:1、理解工厂方法模式的动机,掌握该模式的结构;2、能够利用工厂方法模式解决实际问题。 [实验任务一]:加密算法目前常用的加密算法有DES(DataEncryptionStandard)和IDEA(InternationalDataEncryption......
  • ConcurrentHashMap
    jdk1.8之后:syncronized+cashttps://blog.csdn.net/ThinkWon/article/details/102506447syncronized锁加到了链表上cas是没有hash冲突的时候,往数组插入元素时候用的。put元素的时候:首先对于每一个放入的值,首先利用spread方法对key的hashcode进行一次hash计算,由此来确定......