Umi max 配置路由config目录下不生效问题

于 2024-03-13 17:34:21 发布
阅读量368 收藏 7
点赞数 12
文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/shanshiping/article/details/136686620
版权

在config目录下建了config.ts、routes.ts，并且引入了routes.ts，但是怎么搞都不生效，后来查了官网的资料才发现，是因为自己根目录下的umirc.ts没有删除，而这个文件的配置优先级高于config目录。问题终于得到了解决

爱与信
关注
  • 12
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
umi-antd-pro::ghost:use umi conventional routing in Ant Design Pro 使用umi约定式路由多Tabs的Ant Design Pro（Antd Pro的实验项目）
05-22
English || | | 蚂蚁设计专业版 适用于企业应用程序的即用型UI解决方案，作为React样板。 预览： ： 主页： http ： //pro.ant.design 文档： http : //pro.ant.design/docs/getting-started 变更日志： http : //pro.ant.design/docs/changelog 常见问题解答： http ： //pro.ant.design/docs/faq 中国镜像网站： http ： //ant-design-pro.gitee.io 2.0版现已发布！ :party_popper: :party_popper: :party_popper: 宣布Ant Design Pro 2.0.0 翻译招聘 :loudspeaker: 我们需要您的帮助： https : //github.com/ant-design/ant-design-pro/issues/120 特征 :gem_stone:
umi-dva-antd-mobile：基于umi + dva + antd-mobile快速构建H5 APP应用
02-06
抱歉各位，本项目已经停止维护，为了不给您使用造成问题，请仅做参考使用，感谢各位支持 后续将会以我现在建造的h5框架重新开放，再次感谢各位的支持。 umi-dva-antd-mobile 该项目主要以 + 为一体框架，以为UI组件库，包含完整的前端工程化实践。 部分代码及功能参考于 :clapping_hands:已经支持微信开发，相见分支。 目录结构 |-- config # umi 配置，包含路由，构建等配置 |-- mock # 本地模拟数据 |-- public
umi-customer-admin:基于umi框架构建的后台管理系统，自定义路由配置，面包屑导航，可根据需求自行权限验证和自定主题，配置使用阿里开源图标以base64编码设置字体图标
03-23
umi-customer-admin:基于umi框架构建的后台管理系统，自定义路由配置，面包屑导航，可根据需求自行权限验证和自定主题，配置使用阿里开源图标以base64编码设置字体图标
基于umi+antd-mobile的移动端项目模板
02-22
基于umi+antd-mobile的移动端项目模板
umi3+dva编程学习资源，自用
06-21
umi3+dva编程学习资源，自用
umijs/max使用微前端（子应用配置）
weixin_58031521的博客
06-25 1270
1. 写子应用的id并且规定子应用打开的端口【package.json文件】其中我在package.json中配置的子应用id为：passport。3. 查看是否配置成功：访问 url+子应用ID 查看是否成功。，可以一键启用 Qiankun 微前端开发模式。若以上链接可访问成功说明配置完成。
解决umi、nginx部署路由失效问题
mytac的博客
03-15 2037
不用hash解决，注意只能有一份配置文件，config/config.ts和.umirc.ts各选其一 // .umirc.ts import { defineConfig } from 'umi'; import routes from './routes'; export default defineConfig({ nodeModulesTransform: { type: 'none', }, alias: { '@': '/src/', }, exportSt
「已解决」umi 路由配置 icon 图标报错问题
Constantiny的博客
06-09 1102
（前面三个路由配置也是一开始加图标就报错，但是后面不知道怎么搞的不报错了）当umi的路由配置中带有icon时就会白屏报错。比如这样可以正常渲染。
使用umi中碰到的一些小问题/技巧
蓝枫秋千的踩坑记录
01-09 8608
页面路由跳转传参 // 传递参数 <Link to={{pathname:`/breakpromise-manager/${record.id}/detail`,state:{typeId:record.orgType}}}>{text}</Link> // 页面接收参数 let orgType = this.props.location.state.typeId; 使用...
umi-plugin-extensions:用于开发Chrome插件的umi适应插件
04-02
umi插件扩展 用于开发Chrome插件的umi插件。 安装 npm i -D umi-plugin-extensions 或 yarn add -D umi-plugin-extensions 使用 :bell:请确保您对Chrome插件开发已经有基本的了解，入门教程： 。 在umi配置文件cofig/config.ts或.umirc.ts中配置extensions 。完整配置项说明请查阅。 如果脚脚架可使用 。 插件开发 如希望对本插件进行开发，可查阅插件项目架构文档（TODO） 待办事项清单 说明文档 基础指南 插件开发教程 API接口说明 插件项目架构文档 单元测试 执照 :registered:徐
umi-win-exportStatic:利用 GitHub Actions 规避 umi 在 windows 环境下开启 exportStatic 打包问题
05-30
:glowing_star: umi-win-exportStatic 利用 GitHub Actions 规避 umi 在 windows 环境下开启 exportStatic 打包问题 现象描述 当 config 设置 exportStatic 时，windows 环境下 docs:build 会出现如下问题 原因为：现不支持 windows 动态路由。Mac、Linux 下正常。 解决方案 1. .gitignore 去掉或注释 doc 打包生成路径 /docs-dist 2. 复制 .github/workflows/build.yml 在自己的项目中新建 Actions，内容可复制该项目内容。 3. 提交代码触发 Actions 4. 系统自动打包并提交代码 5. 下载最新代码，获取打包后结果
Alita基于Umi的场景化框架-其他
06-11
Alita是一套基于Umi的移动端框架，是面向场景化的开发提效方案。通过整合业务流程、简化技术开发，使得开发者能够更专注于业务能力的提升。 最刚开始只是作为一个umi的配置简化的脚手架，后来经过吸收社区的需求，发现antd团队在移动端h5这一块的响应需求较少，但是，使用umi做移动端开发的朋友却很多。内置了这阶段帮社区朋友开发的一些umi插件，达到了在配置文件中设置appType:'h5'就能着手移动端页面开发的效果。 后来结合混合开发的需求，增加了cordova相关插件，达到了在配置文件中设置appType:'cordova'就能着手混合页面开发的效果。 要从头开始使用 React 构建一个完整的移动端 Web 应用程序(H5)，需要考虑许多重要的细节： 必须使用打包程序（例如 webpack）打包代码，并使用 Babel 等编译器进行代码转换。 你需要针对生产环境进行优化，例如代码拆分。 考虑页面在不同设备上的适配情况。 多个项目公用的全局的布局和组件。 在什么时机请求数据才是合适合理的。 alita 面向场景化的设计思路，以插件化、零配置的方式构建。使得你在使用时能有较好的开发体验和享受许多内置的功能。列举其中一些如下： 文件即路由，约定式的项目文件结构，自动将 pages 目录下的文件映射成路由配置。（并支持动态路由） 自动代码拆分，提升页面加载速度，在某些场景提供自动生成骨架屏的功能 内置 Less 支持，内置 antd 和 antd-mobile 组件库。 开发环境支持热更新，开发时你无需频繁的重启你的开发服务，只要你修改项目代码，alita 会自动重新渲染页面。 友好地移动端 app 开发模式，你可以在真机上预览你的开发效果，并使用 web 的日志系统来快速定位问题。 专注与某些真实的应用场景 可拔插的插件设计，你可以完全的自定义你自己的 alita   alita 更新日志： v2.8.3 修复： 1、inspx 修复部分浏览器没有DeviceMotionEvent 对象的错误。 新增： 1、兼容页面嵌套在iframe中时 viewport 不一致时页面适配正常。 2、增加子进程中断，兼容云服务商通过脚本未正确杀死子进程。 3、状态保持支持动态路由。 4、增加发布日志，发布新版本的时候，自动编写发布日志。 调整： 1、将微应用的东西独立出去，需要用到微应用需要手动安装preset。 2、去掉了pc端内置的插件，pc开发的时候，用户可以自由选择需要的插件。 重大更新： 1、支持webpack5，只需要增加配置 webpakc5:{}。二次编译只需要3秒左右。
umi基础框架（React+umi+Ts）
08-05
umi、dva、React
umi_UMI_umi跨域401_umi跨域_Umi跨域打包_umi脚手架_
10-02
前段umi脚手架，框架内自动带跨域请求，并且已经生成动态的router
umi-next:umi的下一个版本。 （正在开发中）
03-08
umi（v3开发版） :rice_ball: 可插拔的企业级React应用程序框架。 请考虑关注该项目的作者，并考虑为该项目以显示您的 :red_heart: 和支持。 入门 去做 社区 Github问题 钉钉群 微信群 执照
umi-plugin-qiankun:Umi plugin for qiankun
05-07
Umi@2 plugin for .Umi@3 相应的 qiankun 插件请移步Installation$ npm i @umijs/plugin-qiankun@umi2 -Sor$ yarn add @umijs/plugin-qiankun@umi2Examples导航是主应用，App1 和 App2 是子应用，$ yarn$ yarn build...
React路由鉴权的实现方法
11-30
单独项目中是希望根据登录人来看下这个人是不是有权限进入当前页面。虽然服务端做了进行接口的权限，但是每一个路由加载的时候都要去请求这个接口太浪费了。有时候是通过SESSIONID来校验登陆权限的。 在正式开始 ...
umi运行时配置路由
最新发布
07-27
在umi中，可以通过运行时配置来定义路由。运行时配置是指在运行时根据条件来动态生成路由配置。下面是一个示例： 1. 首先，在项目的根目录下创建一个名为 `config` 的文件夹。 2. 在 `config` 文件夹下创建一个名为 `routes.config.js` 的文件，用于存放路由配置。 3. 在 `routes.config.js` 文件中定义路由配置，可以使用 JavaScript 的语法进行动态配置。例如： ```javascript export default [ { path: '/', component: '@/layouts/index', routes: [ { path: '/', component: '@/pages/index' }, { path: '/about', component: '@/pages/about' }, { path: '/contact', component: '@/pages/contact' }, // 其他路由配置... ], }, ]; ``` 在上面的示例中，我们定义了三个基本路由，分别对应 `'/'`、`'/about'` 和 `'/contact'` 路径。可以根据实际需求添加更多的路由配置。 4. 在入口文件（通常是 `src/app.js` 或 `src/app.ts`）中引入 `routes.config.js` 文件，并将其作为参数传递给 `render` 方法。例如： ```javascript import { createApp } from 'umi'; const app = createApp({ // 其他配置... routes: require('./config/routes.config.js').default, }); app.mount(); ``` 通过以上步骤，你就可以在umi中使用运行时配置来定义路由了。需要注意的是，umi还提供了很多其他的路由配置选项，你可以根据具体需求进行配置。更多详细信息可以参考umi的官方文档。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值