当前位置： 首页 > news >正文

【react】react中BrowserRouter和HashRouter的区别：

news 2026/2/10 6:31:33

文章目录

            • 1.底层原理不一样:
            • 2.path衣现形式不一样
            • 3.刷新后对路山state参数的影响
            • 4.备注: HashRouter可以用于`解决一些路径错误相关的问题`

在这里插入图片描述

1.底层原理不一样:

BrowserRouter使用的是H5的history API，不兼容IE9及以下版不。
HashRouter使用的是URL的哈希值。

2.path衣现形式不一样

BrowserRouter的路径中没有#,例如: localhost:300@/demo/test
HashRouter的路径包含#,例如: localhost:3e@/#/demo/test

3.刷新后对路山state参数的影响

(1).BrowserRouter没有任何影响，因为state保存在history对象中。
(2).HashRouter刷新后会导致路山state参数的丢失。

4.备注: HashRouter可以用于解决一些路径错误相关的问题

相关文章：

【react】react中BrowserRouter和HashRouter的区别：

文章目录 1.底层原理不一样:2.path衣现形式不一样3.刷新后对路山state参数的影响4.备注: HashRouter可以用于解决一些路径错误相关的问题 1.底层原理不一样: BrowserRouter使用的是H5的history API，不兼容IE9及以下版不。 HashRouter使用的是URL的哈希值。 2.path衣…...

编程日记 2023/8/7 5:51:13

机器学习常用Python库安装

机器学习常用Python库安装 作者日期版本说明Dog Tao2022.06.16V1.0开始建立文档 文章目录 机器学习常用Python库安装Anaconda简介使用镜像源配置 Pip简介镜像源配置 CUDAPytorch安装旧版本 TensorFlowGPU支持说明 DGL简介安装DGLLife RDKitscikit-multilearn Anaconda 简介 …...

编程日记 2023/8/7 5:50:11

HTTP 劫持、DNS 劫持与 XSS

HTTP 劫持、DNS 劫持与 XSS http 劫持是指攻击者在客户端和服务器之间同时建立了连接通道，通过某种方式，让客户端请求发送到自己的服务器，然后自己就拥有了控制响应内容的能力，从而给客户端展示错误的信息，比如在页面中…...

编程日记 2023/8/7 5:49:08

bash引用-Quoting详细介绍

bash引用-Quoting详细介绍 概述 引用的字面意思就是，用引号括住一个字符串。这可以保护字符串中的特殊字符不被shell或shell脚本重新解释或扩展。(如果一个字有不同于其字面意思的解释，它就是“特殊的”。例如：星号*除了本身代表*号以外还表…...

编程日记 2023/8/7 5:48:06

powershell几句话设置环境变量

设置环境变量比较繁琐，现在用这段话，在powershell中就可以轻松完成。 $existingPath [Environment]::GetEnvironmentVariable("Path", "Machine") $newPath "C:\Your\Path\Here"if ($existingPath -split ";"…...

编程日记 2023/8/7 5:47:03

Javascript 数据结构[入门]

作者：20岁爱吃必胜客（坤制作人），近十年开发经验, 跨域学习者，目前于海外某世界知名高校就读计算机相关专业。荣誉：阿里云博客专家认证、腾讯开发者社区优质创作者，在CTF省赛校赛多次取得好成绩。…...

编程日记 2023/8/7 5:46:02

IO（JavaEE初阶系列8）

目录 前言： 1.文件 1.1认识文件 1.2结构和目录 1.3文件路径 1.4文本文件vs二进制文件 2.文件系统的操作 2.1Java中操作文件 2.2File概述 2.2.1构造File对象 2.2.2File中的一些方法 3.文件内容的操作 3.1字节流 3.1.1InPutStream的使用方法 3.1.2OutPu…...

编程日记 2023/8/7 5:44:57

React Native 样式表的基础知识

在 React Native 中我们要使用组件元素进行样式设置的话，我们需要使用StyleSheet组件才能制定样式。useColorScheme是为 APP 定义颜色主题的。在此笔记中我们只是简单做一个介绍和使用。 使用StyleSheet定义样式 当我们要使用StyleSheet的话，我们需要引…...

编程日记 2023/8/7 5:43:55

【JS 解构赋值】

JS 解构赋值是 ES6 中一种简洁、高效的赋值方式，它可以将数组和对象中的值拆分出来并赋值给变量。 解构赋值 解构数组解构对象嵌套解构结语 解构数组 解构数组时，需要使用方括号 [] 包围变量名，并用逗号 , 将变量名隔开。 let [a, b, c] …...

编程日记 2023/8/7 5:42:53

Vue3状态管理库Pinia——自定义持久化插件

个人简介 👀个人主页： 前端杂货铺 🙋‍♂️学习方向： 主攻前端方向，正逐渐往全干发展 📃个人状态： 研发工程师，现效力于中国工业软件事业 🚀人生格言： 积跬步…...

编程日记 2023/8/7 5:41:52

il汇编整数相加

在这里尝试了IL汇编字符串连接； IL汇编字符串连接_bcbobo21cn的博客-CSDN博客 下面来看一下IL汇编整数相加； 大概的看一下一些资料，下面语句， ldc.i4 20 ldc.i4 30 add 看上去像是，装载整数20到一个类似于…...

编程日记 2023/8/7 5:40:51

RabbitMQ 事务

事务简介 就像我们了解的MySQL中的事务一样，RabbiMQ的事务也具备原子性和一致性，并且RabbiMQ的事务是针对消息从生产者发送到RabbitMQ中提供的支持，因此不同事务可以同时给同一个队列发送信息。   可通过channel.txSelect，chann…...

编程日记 2023/8/7 5:39:49

vue前端 让年月日 加上23:59:59

yyyy/MM/dd HH:mm:ss 格式 // 获取 lateCreateTime 的原始时间戳 const timestamp new Date(this.queryAO.lateCreateTime).getTime();// 将时间戳转换为指定格式的字符串 const formattedDateTime new Date(timestamp).toLocaleString("zh-CN", {year: "num…...

编程日记 2023/8/7 5:38:46

【雕爷学编程】Arduino动手做（186）---WeMos ESP32开发板8

37款传感器与模块的提法，在网络上广泛流传，其实Arduino能够兼容的传感器模块肯定是不止37种的。鉴于本人手头积累了一些传感器和执行器模块，依照实践出真知（一定要动手做）的理念，以学习和交流为目的&#x…...

编程日记 2023/8/7 5:37:45

STM32--综述

文章目录 前言STM32简介STM32F103C8T6系统结构Keil软件安装注意事项新建工程操作流程 前言 本专栏将学习B站江协科技的STM32入门教程，通过自身理解和对老师的总结所写的博客专栏。 STM32简介 STM32是意法半导体（STMicroelectronics）公司推…...

编程日记 2023/8/7 5:36:43

Linux学习之sed、awk和vim的差异

sed、awk和vim都是编辑器，区别如下： vim是交互式，需要跟用户进行互动，而sed和awk是非交互式，只需要写好命令，不用跟用户进行互动就可以完成任务。 vim是文本编辑器，操作的时候会对整个文件编辑&…...

编程日记 2023/8/7 5:35:42

MacOS上配置docker国内镜像仓库地址

背景 docker官方镜像仓库网速较差，我们需要设置国内镜像服务 我的MacOS docker版本如下 设置docker国内镜像仓库地址 点击Settings点击Docker Engine修改配置文件，添加registry-mirrors {"builder": {"gc": {"defaultKeepS…...

编程日记 2023/8/7 5:34:41

全志F1C200S嵌入式驱动开发（soc系统集成）

【 声明：版权所有，欢迎转载，请勿用于商业用途。 联系信箱：feixiaoxing @163.com】 任何一个嵌入式设备都是由很多的子系统组成的。这里面有硬件、有软件，还可能有机械，并不一定就是大家看到的消费电子那样，即一个soc构成了所有的系统。现实情况是，要构建一个系…...

编程日记 2023/8/7 5:33:38

React路由5版本

什么是路由? 一个路由就是一个映射关系(key:value). 以下代码用的都是router5 通过 npm install react-router-dom5 下载 所有路由用到的东西都需要从react-router-dom中引入 import {BrowserRouter,Link,Route,NavLink,Redirect,withRouter} from react-router-dom 1. 路…...

编程日记 2023/8/7 5:32:37

6.4.3 1x1卷积层

特点：1x1卷积层相当于全连接层 作用：1x1卷积用于调整网络层的通道数量和控制模型复杂度 输入形状：(通道，行，列) (3,3,3) 卷积核形状：(输出通道，输入通道，行，列) (2,3,…...

编程日记 2023/8/7 5:31:36

【网络安全产品大调研系列】2. 体验漏洞扫描

前言 2023 年漏洞扫描服务市场规模预计为 3.06（十亿美元）。漏洞扫描服务市场行业预计将从 2024 年的 3.48（十亿美元）增长到 2032 年的 9.54（十亿美元）。预测期内漏洞扫描服务市场 CAGR（增长率&…...

编程新知 2026/2/4 12:43:08

连锁超市冷库节能解决方案：如何实现超市降本增效

在连锁超市冷库运营中，高能耗、设备损耗快、人工管理低效等问题长期困扰企业。御控冷库节能解决方案通过智能控制化霜、按需化霜、实时监控、故障诊断、自动预警、远程控制开关六大核心技术，实现年省电费15%-60%，且不改动原有装备、安装快捷、…...

编程新知 2025/11/30 16:55:29

【CSS position 属性】static、relative、fixed、absolute 、sticky详细介绍，多层嵌套定位示例

文章目录 ★ position 的五种类型及基本用法 ★ 一、position 属性概述 二、position 的五种类型详解（初学者版） 1. static（默认值） 2. relative（相对定位） 3. absolute（绝对定位） 4. fixed（固定定位） 5. sticky（粘性定位） 三、定位元素的层级关系（z-i…...

编程新知 2026/2/9 1:38:05

在四层代理中还原真实客户端ngx_stream_realip_module

一、模块原理与价值 PROXY Protocol 回溯 第三方负载均衡（如 HAProxy、AWS NLB、阿里 SLB）发起上游连接时，将真实客户端 IP/Port 写入 PROXY Protocol v1/v2 头。Stream 层接收到头部后，ngx_stream_realip_module 从中提取原始信息…...

编程新知 2026/1/4 5:02:00

Python实现prophet 理论及参数优化

文章目录 Prophet理论及模型参数介绍Python代码完整实现prophet 添加外部数据进行模型优化 之前初步学习prophet的时候，写过一篇简单实现，后期随着对该模型的深入研究，本次记录涉及到prophet 的公式以及参数调优，从公式可以更直观…...

编程新知 2026/1/27 5:01:54

1.3 VSCode安装与环境配置

进入网址Visual Studio Code - Code Editing. Redefined下载.deb文件，然后打开终端，进入下载文件夹，键入命令 sudo dpkg -i code_1.100.3-1748872405_amd64.deb 在终端键入命令code即启动vscode 需要安装插件列表 1.Chinese简化 2.ros …...

编程新知 2026/1/29 3:35:37

uniapp中使用aixos 报错

问题： 在uniapp中使用aixos，运行后报如下错误： AxiosError: There is no suitable adapter to dispatch the request since : - adapter xhr is not supported by the environment - adapter http is not available in the build 解决方案&…...

编程新知 2025/11/29 21:26:48

LangChain知识库管理后端接口：数据库操作详解—— 构建本地知识库系统的基础《二》

这段 Python 代码是一个完整的 知识库数据库操作模块，用于对本地知识库系统中的知识库进行增删改查（CRUD）操作。它基于 SQLAlchemy ORM 框架 和一个自定义的装饰器 with_session 实现数据库会话管理。 📘 一、整体功能概述 该模块…...

编程新知 2025/11/26 18:23:29

【JVM】Java虚拟机（二）——垃圾回收

目录 一、如何判断对象可以回收 （一）引用计数法 （二）可达性分析算法 二、垃圾回收算法 （一）标记清除 （二）标记整理 （三）复制 （四&#xff…...

编程新知 2026/1/31 9:49:23

解读《网络安全法》最新修订，把握网络安全新趋势

《网络安全法》自2017年施行以来，在维护网络空间安全方面发挥了重要作用。但随着网络环境的日益复杂，网络攻击、数据泄露等事件频发，现行法律已难以完全适应新的风险挑战。 2025年3月28日，国家网信办会同相关部门起草了《网络安全…...

编程新知 2026/1/31 4:40:38