umi项目配置之项目构建时配置umirc.ts

embedded/2024/10/18 19:26:41/

对于 umi 中能使用的自定义配置,你可以使用项目根目录的 .umirc.ts 文件或者 config/config.ts,值得注意的是这两个文件功能一致,仅仅是存在目录不同,2 选 1 ,.umirc.ts 文件优先级较高

umi 的配置文件是一个正常的 node 模块,它在执行 umi 命令行的时候使用,并且不包含在浏览器端构建中。

按照官网项目默认使用的是.umirc.ts,如果想要使用自己的配置,那么在根目录创建config/config.ts,并且删除.umirc.ts,不然还会读取.umirc.ts。

首先是关于umirc.ts文件的配置 也就是项目构建时配置

import { defineConfig } from '@umijs/max';export default defineConfig({antd: {},//antd配置access: {},//权限配置model: {},//数据流配置initialState: {},request: {},//请求配置layout: {//模板页配置title: '数据工厂',},routes: [//配置路由{path: '/',redirect: '/home',},{name: '数据源管理',path: '/home',routes: [{path: '/home',redirect: '/home/Index',},{name: '接口管理',path: '/home/Index',component: './Home',},{name: '数据库管理',path: '/home/dataBase',component: './DataBase',},]},{name: '权限演示',path: '/access',hideInBreadcrumb: false,component: './Access',},{name: ' CRUD 示例',path: '/table',component: './Table',},],npmClient: 'pnpm',
});

常用配置

要在非根目录下部署 umi 项目时,你可以使用 base 配置。

base 配置允许你为应用程序设置路由前缀。比如有路由 //users,设置 base 为 /foo/ 后就可通过 /foo//foo/users 访问到之前的路由。

browser history - 适用于支持 HTML5 history API 的现代浏览器

hash history - 适用于旧版浏览器,或者你想把 location 保存到 hash 部分,避免由于后端服务器不支持而报错

memory history - 把 history 保存在内存里,适合非浏览器环境,如 React Native 或测试时

插件配置,开启和使用插件需要在配置页面做插件配置


http://www.ppmy.cn/embedded/41302.html

相关文章

web测试中,各类web控件测试点总结

一、界面检查 进入一个页面测试,首先是检查title,页面排版,字段等,而不是马上进入文本框校验 1、页面名称title是否正确 2、当前位置是否可见 您的位置:xxx>xxxx 3、文字格式统一性 4、排版是否整齐 5、列表项…

Windows 10 中使用 Montreal-Forced-Aligner (MFA) 实现音频和文本强制对齐

文章目录 一、实现目标二、安装 Montreal-Forced-Aligner1、使用 Anaconda 虚拟环境2、修改默认下载路径3、安装 montreal-forced-aligner 及相关第三方包4、验证是否安装成功 三、下载声学模型和发音词典1、命令行方式下载2、手动方式下载 四、强制对齐1、准备音频及对应文本2…

linux安装Openresty

安装必要的依赖库 指定仓库地址 下载openresty 添加环境变量 vi /etc/profile i export NGINX_HOME/usr/local/openresty/nginx/ export PATH${NGINX_HOME}/sbin:$PATH esc :wq source /etc/profile #启动 nginx # 重启 nginx -s reload #关闭 nginx -s stop

Vue 问题集

Q:MaxListenersExceededWarning: Possible EventEmitter memory leak detected. 11 connection listeners added. Use emitter.setMaxListeners() to increase limit A: 可能由多个问题导致,我的是情况1 1. vue.config.js - devServer 代理设置只能添加10个&#…

常见磁盘分区问题

给磁盘分区有几个主要的原因: 组织和管理数据:分区可以帮助用户更好地组织和管理数据。例如,你可以在一个分区上安装操作系统,而在另一个分区上存储个人文件。这样,即使操作系统崩溃或需要重新安装,你的个…

Rust 常用 Web 开源代码库

Rust的web开发有许多优秀的开源库可供选择,以下是一些值得关注的库: Web框架: Axum:由Rust社区的异步事实标准Tokio团队开发,以高性能和强大的异步支持著称。其特点包括使用无宏API将请求路由到处理程序、使用提取器以…

Mimikatz安装 lsass进程 SAM NTML

目录 什么是Mimikatz Mimikatz在windows上安装及使用 mimkatz语法 lsass进程 SAM NTML 什么是Mimikatz Mimikatz是一款开源的Windows安全工具,由法国安全研究员Benjamin Delpy开发。它最初被设计为用于学习C语言和进行Windows安全性实验的工具。然而&#xf…

OBS插件--视频回放

视频回放 视频回放是一款源插件,它可以将指定源的视频缓存一段时间(时间可以设定),将缓存中的视频添加到当前场景中后,可以快速或慢速不限次数的回放。这个功能在类似体育比赛的直播中非常有用,可以捕获指…