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

react 项目打包二级目使用BrowserRouter 解决页面刷新404 找不到路由

news 来源：原创 2025/6/2 12:22:46

使用BrowserRouter

package 配置（这部分代码可以不做配置也能实现）

{"homepage": "/admin",}

vite.config 配置

export default defineConfig({base: '/admin'])

BrowserRouter 添加配置项

<BrowserRouter basename='/admin'><App />
</BrowserRouter>

nginx配置

server {listen       80;server_name  www.demo.com;root         /var/www;index        index.html;location /admin{try_files $uri /admin/index.html;  # 重点，这里不是配置文件夹名称，而是代理路径名称}
}

react 项目打包二级目使用BrowserRouter 解决页面刷新404 找不到路由

使用BrowserRouter package 配置 （这部分代码可以不做配置也能实现） {"homepage": "/admin",}vite.config 配置 export default defineConfig({base: /admin])BrowserRouter 添加配置项 <BrowserRouter basename/admin>&l…...

编程日记 2025/6/2 12:22:46

Yolo11改进策略：Block改进|使用FastVit的RepMixerBlock改进Yolo11，重参数重构助力Yolo11涨点（全网首发）

文章目录摘要FastViT：一种使用结构重新参数化的快速混合视觉变换器1、简介2、相关工作3、体系结构3.1、概述3.2、FastViT3.2.1、重新参数化跳过连接3.2.2、线性训练时间过参数化3.2.3、大核卷积4、实验4.1、图像分类4.2、鲁棒性评价4.3、3D Hand网格估计4.4、语义分割和目标检…...

编程日记 2025/6/2 12:15:11

2.6 网络面试问题

tcp 与 udp的区别 1.tcp 是基于连接的 UDP是基于数据包 2.处理并发的方式不通 a.tcp用epoll进行监听的 b. udp是模拟tcp的连接过程，服务端开放一个IP端口，收到连接后，服务端用另一个IP和端口发包给客户端。 3.tcp根据协议MTU黏包及…...

编程日记 2025/6/1 4:21:31

02-10.python入门基础一Python模块与包（二）

五、Python 包的概念 （一）包的定义与结构在 Python 中，“包”（Package）是一种按照目录来组织模块的方式，它允许开发者将相关的模块集合在一起，形成一个更具逻辑性和结构性的代码单元。从物…...

编程日记 2025/5/31 5:43:44

[WiFi] WiFi 802.1x介绍及EAP认证流程整理

802.1X Wi-Fi 802.1X 是一种网络访问控制协议，常用于保护无线网络。它提供了一种基于端口的网络访问控制机制，主要用于在用户和网络之间建立安全的连接。以下是 802.1X 的一些关键特点： 认证框架 802.1X 使用 EAP（可扩展认证协议…...

编程日记 2025/6/1 7:13:57

前端通过new Blob下载文档流（下载zip或excel）

当后端返回这样的预览： 前端该如何下载呢？首先在axios请求里，加入第三个参数{ responseType: ‘blob’ }。 proxy.$post(url, params, { responseType: blob }).then((res)>{downloadFormat(res) });然后在一个函数里处理返回&#xff0c…...

编程日记 2025/5/30 7:01:07

R 常用的内置软件包及功能介绍

R 中有许多内置包，提供了丰富的功能来帮助用户进行数据分析、统计建模、图形可视化等任务。以下是一些常用的内置包及其功能简介： 1. stats 包 stats 是 R 的一个核心包，几乎每个 R 用户都会使用它。它包含了许多统计分析的函数&#xff0c…...

编程日记 2025/5/29 14:29:02

基于 HC_SR04的超声波测距数码管显示（智能小车超声波避障部分）

超声波测距模块HC-SR04 1、产品特色 ①典型工作用电压：5V ②超小静态工作电流：小于 5mA ③感应角度(R3 电阻越大,增益越高,探测角度越大)： R3 电阻为 392,不大于 15 度 R3 电阻为 472, 不大于 30 度 ④探测距离(R3 电阻可调节增益,即调节探测…...

编程日记 2025/5/26 19:30:09

12月第十九讲:Redis应用Redis相关解决方案

1.数据库与缓存一致性方案 2.热key探测系统处理热key问题 3.缓存大value监控和切分处理方案 4.Redis内存不足强制回收监控告警方案 5.Redis集群缓存雪崩自动探测限流降级方案 6.缓存击穿的解决方法线上Redis比较严重的问题排序是：数据库和缓存一致性、热key…...

编程日记 2025/6/1 20:58:44

solon 集成 activemq-client (sdk)

原始状态的 activemq-client sdk 集成非常方便，也更适合定制。就是有些同学，可能对原始接口会比较陌生，会希望有个具体的示例。 <dependency><groupId>org.apache.activemq</groupId><artifactId>activemq-client&l…...

编程日记 2025/5/30 22:17:27

STM32-笔记7-继电器定时开闭

1、复制02项目，重命名08-继电器定时开闭打开项目工程在\Drivers\BSP\该路径下，新建alarm文件夹，该文件夹下里面包含alarm.c和alarm.h文件加载进该项目中为什么这里使用的是这个单词，而不是继电器（relay&#…...

编程日记 2025/6/1 8:41:35

B4X编程语言：B4X的映射(数据地图Map)详解

B4X的映射(Map)是由多个键值对组成的数据集合，也称为数据地图。它和列表一样也是一个非可视化的数据容器，在B4X中作为变量使用，用于在单个变量下存储多个键值对。映射中的键是唯一的。这意味着，如果您添加了一个键/值对…...

编程日记 2025/5/31 21:21:35

windows C++ 判断文件大小，清空文件，写日志

windows C 判断文件大小，清空文件，写日志等几个常见的接口，记录一下备忘 #include <iostream> #include <vector> #include<Windows.h> #include<string> #include <iostream> #include <sys/types.h> …...

编程日记 2025/5/27 20:23:33

用Python设置Excel工作表的页眉和页脚

在处理和分析数据时，Excel作为一款功能强大的工具，被广泛应用于各个领域。当涉及到打印或分享工作表时，为文档添加专业的页眉和页脚不仅能提升文件的视觉效果，还能提供必要的信息，例如公司标识、日期、文件名或是页码等…...

编程日记 2025/5/30 10:22:14

electron-vite【实战】自定义标题栏【组件封装】（含异形标题栏，指定区域拖拽，窗口置顶，窗口最小化，窗口最大化，取消最大化，隐藏窗口到托盘等）

效果预览技术要点透明背景 src/main/index.ts 的 new BrowserWindow 中添加 transparent: true, // 设置窗口背景透明frame: false, // 隐藏窗口边框仅图标和标题部分可拖拽仅图标和标题部分添加样式 drag .drag {-webkit-app-region: drag; }图标与标题栏的融合标题栏的…...

编程日记 2025/6/1 19:07:07

MySQL复制问题和解决

目录环境介绍一，主库执行delete，从库没有该数据模拟故障修复故障二，主库执行insert，从库已存在该数据模拟故障故障恢复三，主库执行update，从库没有该数据模拟故障故障恢复四&#xf…...

编程日记 2025/5/31 8:05:24

Spark和Hive的区别

1 、 Hive Hive 是基于 Hadoop 的数据仓库工具，同时又是查询引擎， Spark SQL 只是取代的 Hive 的查询引擎这一部分，企业可以使用HiveSpark SQL 进行开发。 Hive 的主要工作如下： 把HQL 翻译长 map-reduce 的代码，并…...

编程日记 2025/5/31 6:32:26

Type-C 接口电热毯：开启温暖智能新时代

在当今科技迅猛发展的时代，智能家居产品如同璀璨繁星般点缀着我们的生活，从智能灯光的温馨到温控系统的精准，处处都彰显着科技赋予生活的便捷与舒适。而在这股追求高效与智能化的洪流之中，一款极具创新的电热毯——Type-C 接口电热…...

编程日记 2025/6/1 21:22:57

React 19新特性探索：提升性能与开发者体验

React作为最受欢迎的JavaScript库之一，不断推出新版本以应对日益复杂的应用需求。React 19作为最新的版本，引入了一系列令人兴奋的新特性和改进，旨在进一步提升应用的性能、开发效率和用户体验。本文将深入探讨React 19的新特性，…...

编程日记 2025/5/31 6:16:41

【数据库】SQL语句基础

【数据库】SQL语句基础文章目录【数据库】SQL语句基础一、SQL与数据库二、 SQL语句类型2.1 数据定义语言（DDL）1. 创建数据库：CREATE DATABASE2. 创建表：CREATE TABLE3. 删除表：DROP TABLE4. 修改表结构：A…...

编程日记 2025/6/1 23:23:35

性能】JDK和Jmeter的安装与配置

一、JDK环境配置 1. 下载JDK 官网下载地址：http://www.oracle.com/technetwork/java/javase/downloads/java-archive-downloads-javase7-521261.html 选择对应系统的安装包，下载后安装，安装中记录JDK安装的地址，之后一直点击下一…...

编程日记 2025/5/26 19:30:24

Hadoop、Hbase使用Snappy压缩

1. 前期准备系统环境：centos7.9 配置信息：8C8G100G hadoop和hbase为单节点部署模式 jdk版本jdk1.8.0_361 1.1. 修改系统时间 timedatectl set-timezone <TimeZone> 1.2. 修改主机名以及主机名和IP的映射 vim /etc/hosts #将自己的主机名以及…...

编程日记 2025/6/2 10:01:44

初试Docker

1. 查看版本 docker --version2. 拉取镜像并查看当前存在的镜像 docker pull hello-world查看是否成功拉取到docker docker images在Docker Desktop 可视化查看 3. 删除镜像 docker rmi xxx4. 启动容器以下命令使用 mysql镜像启动一个容器，参数为以命令行模…...

编程日记 2025/5/27 0:59:32

【Rust自学】4.5. 切片（Slice）

4.5.0. 写在正文之前这是第四章的最后一篇文章了，在这里也顺便对这章做一个总结： 所有权、借用和切片的概念确保 Rust 程序在编译时的内存安全。 Rust语言让程序员能够以与其他系统编程语言相同的方式控制内存使用情况，但是当数据所有者超…...

编程日记 2025/5/30 5:02:03

What Is SQLite? SQLite is a C-language library that implements a small, fast, self-contained, high-reliability, full-featured, SQL database engine. SQLite is the most used database engine in the world ps:SQLite Home Page sqlite3 的安装： user…...

编程日记 2025/5/31 10:31:30

全脐点曲面当且仅当平面或者球面的一部分

S 是全脐点曲面当且仅当 S 是平面或者球面的一部分。 S_\text{ 是全脐点曲面当且仅当 }{S_\text{ 是平面或者球面的一部分。}} S 是全脐点曲面当且仅当 S 是平面或者球面的一部分。证： 充分性显然，下证必要性。若 r ( u , v ) r(u,v) r(u,v)是…...

编程日记 2025/5/28 22:42:42

Vue之版本演进

一、引言 Vue.js，发音为 /vjuː/，是一款轻量级的用于构建用户界面的渐进式JavaScript框架。自2014年由前Google工程师尤雨溪（Evan You）发布以来，Vue.js凭借其简洁的API、灵活的组件系统以及高效的性能，迅速…...

编程日记 2025/5/31 6:17:22

四川托普信息技术职业学院教案1

四川托普信息技术职业学院教案【计科系】周次第 1周，第1次课备注章节名称第1章 XML语言简介引言 1.1 HTML与标记语言 1.2 XML的来源 1.3 XML的制定目标 1.4 XML概述 1.5 有了HTML了，为什么还要发展XML 1.5.1 HTML的缺点 1.5.2　XML的特点 1.6 X…...

编程日记 2025/5/28 17:49:34

《Java核心技术I》Swing中的边框

边框 BorderFactory静态方法创建边框，凹斜面，凸斜面，蚀刻，直线，蒙版，空白。边框添加标题，BorderFactory.createTitledBorder 组合边框，BorderFactory.createCompoundBorder JCo…...

编程日记 2025/6/1 11:07:32

xlua中自定义lua文件加载的一种方式

此种方法来自LoxodonFramework，这里只做记录定义一个LoaderBase类，做一个到CustomLoader的隐式类型转换 public abstract class LoaderBase {protected abstract byte[] Load(ref string fileName);/// <summary>/// 隐式类型转换，将…...

编程日记 2025/5/31 6:49:48

Suno Api V4模型无水印开发「高清音频WAV下载」 —— 「Suno Api系列」第6篇

历史文章 Suno AI API接入 - 将AI音乐接入到自己的产品中，支持120并发任务 Suno Api V4模型无水印开发「灵感模式」 —— 「Suno Api系列」第1篇 Suno Api V4模型无水印开发「自定义模式」 —— 「Suno Api系列」第2篇 Suno Api V4模型无水印开发「AI生成歌词」…...

编程日记 2025/5/28 8:35:41

EE308FZ_Sixth Assignment_Beta Sprint_Sprint Essay1

AssignmentBeta SprintCourseEE308FZ[A] — Software EngineeringClass Link2401_MU_SE_FZURequirementsSixth Assignment——Beta SprintTeam NameFZUGOObjectiveSprint Essay 1_Day1-Day2 (12.11-12.12)Other Reference1. WeChat Mini Program Design Guide 2. Javascript St…...

编程日记 2025/6/2 3:57:11

使用BrowserRouter

package 配置 （这部分代码可以不做配置也能实现）

vite.config 配置

BrowserRouter 添加配置项

nginx配置

相关文章：

package 配置（这部分代码可以不做配置也能实现）