Ant Design Pro修改页面meta标签

最新推荐文章于 2024-05-26 11:24:46 发布
最新推荐文章于 2024-05-26 11:24:46 发布
阅读量907 收藏
点赞数
文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/guozhicaice/article/details/124151541
版权

Ant Design Pro非常不适合公司自用项目开发，其自定义设置的学习成本非常高，之前用Casader时，想修改数据获取id的同时获取name都做不到，还得自己修改onChange和初始数据找对应name。

今天又被修改meta困惑了近1小时。一开始我想应该找顶部html直接加上，结果——没有，然后查到routes的配置里可以加meta，结果——无效。然后在其github搜了好久都没找到有人提相关的问题。最后个人认定肯定是在config里怎么能配置，结果发现defineConfig引用的包原来是umi的，也就是说我之前完全没意识到这玩意归umi管！

所以这种庞大的框架找出修改位置还真是不直观。

https://umijs.org/config#metas

猜测7
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
ant design pro 修改logo图片名称位置
weixin_41590250的博客
11-05 3384
修改网页title的图片在：public/icons目录下 更换 Ant Design Pro 的 logo 和名称： 位置：/public/favicon.png 只须将制作好的公司logo或者图片，将其替换掉即可。 有小伙伴反映，替换后依然没有起作用。这是有缓存的问题，解决办法：重启浏览器，或者重启一下本地服务器（npm start）即可。 ...
ant design pro动态菜单
03-30
在Ant Design Pro中实现动态菜单是一项常见的需求，尤其是在构建企业级后台管理系统时。Ant Design Pro是一个基于Ant Design和React的高级UI框架，它提供了一系列组件和解决方案，帮助开发者快速搭建和定制后台应用...
改写meta标签
csstmg的博客
09-14 201
<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"> 改写为 =======> if (process.env.NODE_ENV !== 'development') { const meta = document.createElement('meta') meta.content = 'upgrade-insecure-requests' .
Ant Design pro 6.0.0 搭建使用以及相关配置
最新发布
不忘的博客
05-26 1337
|-- public # 静态资源| | |-- favicon.ico # 图标| |-- config # 配置文件| |-- routes.ts #路由| |-- proxy.ts # 本地代理配置| |-- oneapi.json # 类似swagger接口文档| |-- defaultSettings.ts # 主题默认配置| `-- config.ts # 配置| |-- src # 源码| | |-- .umi # umi配置。
ant design Pro 修改网页标题解决方案
sillage_honey的博客
01-21 1539
把后面的ant design Pro变成自己设置的名称； 在 config.ts或者config.js里增加title:false;即可解决！
AntDesign 第一章(4) --------使用 Ant Design 组件
小李科技
03-14 6203
使用 Ant Design 组件 通过前面的学习，你应该已经搭建完成了脚手架，并且了解了 React 的基本概念。这一节，我们就来教大家如何使用 Ant Design 组件库，完成一个卡片组件（card）。 引入 antd Ant Design 是一个服务于企业级产品的设计体系，组件库是它的 React 实现，antd 被发布为一个 npm 包方便开发者安装并使用。 在 umi ...
Ant design pro使用(三):修改标题及网页图标
好气嗷，但仍要保持微笑!
11-09 3286
getPageTitle 方法会返回 路径名-项目标题 修改项目标题 config/defaultSettings.ts中修改title 修改网页图标 得到favicon.ico图片 放在public文件夹中 修改config/config.ts文件 favicon:'favicon.ico'
umi 项目ssr 使用react-helmet设置meta无效问题
supming1的专栏
07-22 2585
最近采用umi搭建react ssr项目，ssr写方参考了官方提供的example/ssr-koa实例，meta 采用官方推荐的react-helmet在每个页面设置不同的meta信息。发现经过自定义服务器koa之后，meta信息就渲染不出来了。经历各种苦逼和同事发现了两种解决方法： 1、在全局的layout 下写meta, 然后再在对应的页面写meta。这个是同事发现的解法，他说要先渲染外层，单纯渲染url层meta无法渲染出来。经测试，第一次访问的时候，这种方法渲染出来有可能出错。 2、将mode从
ant design4.40 web组件库 ant design pro后台模板库（精细-完整）
12-26
Ant Design 是基于 Ant Design 设计体系的 React UI 组件库，主要用于研发企业级中后台产品。 ant design4.40-web组件库 是基于Axure ，参考Ant Design 的样式而设计的一套模板库，是产品经理必备套件库，Ant Design...
基于 Ant Design of Vue 实现的 Ant Design Pro 源码
12-29
基于 Ant Design of Vue 实现的 Ant Design Pro 源码 安装依赖 npm install 开发模式运行 npm run serve 编译项目 npm run build
Ant Design Pro 下实现文件下载的实现代码
10-15
主要介绍了Ant Design Pro 下实现文件下载的实现代码，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
AntDesignPro开发手册.doc
12-13
AntDesignPro 开发手册 AntDesignPro 是一个前端设计解决方案，由蚂蚁金服体验技术部出品/维护。核心技术组成包括 ES2015+ JavaScript 语言的新标准、React 用于构建用户界面的 JavaScript 库、dva 是基于(redux...
react-ant：（基于pro 2.0）基于Ant Design Pro的（多标签页标签，拖拽，富文本，拾色器，多功能表，多选选择）
02-06
Ant Tabs Pro（多标签tabs） 开箱即用的中台前端/设计解决方案。 特性 :gem_stone:优雅美观：基于Ant Design架构精心设计 :triangular_ruler:常见设计模式：提炼自中后台应用的典型页面和场景 :rocket:最新技术栈...
Ant Design以及Ant Design Pro入门.zip
10-10
这个名为"Ant Design以及Ant Design Pro入门.zip"的压缩包文件包含了学习这两个框架的基础资源，包括代码示例、相关资料和讲义，旨在帮助初学者快速掌握ReactJS、Ant Design和Ant Design Pro的基本用法。 ReactJS是...
AXURE Ant Design 4.40 - web组件库 ant design pro 后台模板 产品经理
02-13
标题中的“AXURE Ant Design 4.40 - web组件库 ant design pro 后台模板 产品经理”指的是一款基于Axure设计工具的组件库，它整合了Ant Design Pro的4.40版本的Web界面元素和后台管理模板，特别适用于产品经理进行...
Axure ant design pro后台模板可交互
01-21
而“ant design pro后台模板（精作）”则是一个完整的后台管理界面模板，它可能包含了各种页面布局、功能模块，如用户管理、数据统计、设置选项等，这些都预设了交互效果，可以直接拖拽到Axure工作区进行修改和扩展...
antd pro v5修改title
kabudada的博客
08-08 454
antd pro v5修改title
umi max配置动态路由流程及遇到的坑
qq_41383900的博客
05-09 1733
注意：此时除了修改routes字段还需要同时修改children，否则不生效。
Arco Design Pro 配置
Litbai_zhang
08-31 569
垂直菜单更改为水平菜单。
antdesign 新增页面_ant design pro 新增页面
06-01
Ant Design Pro 是一个企业级的 UI 设计语言和 React 实现，它提供了丰富的组件和模板来帮助开发人员快速构建高质量的 Web 应用程序。 如果你想在 Ant Design Pro 中新增页面，可以按照以下步骤进行： 1. 在 src/pages 目录下创建一个新的页面文件夹，比如说 myPage。 2. 在 myPage 文件夹中创建一个新的页面文件，比如说 index.js。 3. 在 index.js 中编写页面的代码，可以使用 Ant Design Pro 提供的组件和模板。 4. 在 src/config/router.config.js 文件中添加路由配置，指定新页面的路径和组件。 例如，如果你想新增一个名为 MyPage 的页面，可以按照以下步骤进行： 1. 在 src/pages 目录下创建一个名为 MyPage 的文件夹。 2. 在 MyPage 文件夹中创建一个名为 index.js 的文件。 3. 在 index.js 中编写页面代码，比如说： ```jsx import React from 'react'; const MyPage = () => { return ( <div> <h1>This is my page!</h1> </div> ); }; export default MyPage; ``` 4. 在 src/config/router.config.js 文件中添加路由配置，比如说： ```jsx { path: '/my-page', name: 'MyPage', component: '@/pages/MyPage', } ``` 这样就完成了在 Ant Design Pro 中新增一个名为 MyPage 的页面。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值