antd design pro菜单打开http链接

pro的动态菜单之前有写过，这里就不重复了。现在遇到的问题是点击菜单的某一个跳转的是http链接，不是路由，将http放在菜单时进行跳转时会跳转到当前IP地址后面加/+http的地址，相当于http前面有一条斜杆。

翻阅pro的githup查issues看别人有没有遇到类似的问题，发现了两个类似的：
如何配置不展示在菜单中的router：https://github.com/ant-design/ant-design-pro/issues/227

menu里配置外链，生成path错误：https://github.com/ant-design/ant-design-pro/issues/2613

具体的解决办法，chenshuai2144(蚂蚁金服前端)给出了官方回答，大家可以查看以下链接；
增加了对了url 的支持。https://类型的不再增加 / 前缀：https://github.com/umijs/umi/pull/1293/files/291471591998df00977c376c77dac3f291f41841…15f436d154d55085103552e2afc11d2ab4844588

不过我自己没有用上面的办法，上面都是我查资料查到的，你们可以自行看着用；我本人看了这些方法后，有了启发，所以我是将path地址改成http的地址，然后在src/layouts/BasicLayout.jsx将ProLayout修改了下，

 <ProLayoutonCollapse={handleMenuCollapse}menuItemRender={(menuItemProps, defaultDom) => {if (menuItemProps.isUrl || menuItemProps.children) {return defaultDom;}return (menuItemProps.path.indexOf('/test判断哪个需要跳转') !== -1 ?<a onClick={handleMenuCollapse} href={你的http地址}>{defaultDom}</a> :<Link onClick={handleMenuCollapse} to={menuItemProps.path}>{defaultDom}</Link>);}}

这样子就不会给链接前面加/作为路由跳转，而是直接跳转的http链接。

如果对你有帮助的话，可以给我点个赞，谢谢！

antd design pro菜单打开http链接相关推荐

Ant Design Pro 菜单icon图标修改或新增
由于Ant Design Pro菜单和以前不一样了,去官网查到的Icon图标无法直接使用名称了,那怎么办呢,办法总是比问题多的,进入官网的图标组件,找到你想要用的图标,进入开发模式图标 Icon - ...
Ant Design Pro 菜单自定义 icon
Ant Design Pro 官方文档说明在菜单中使用自定义的 icon 由于 umi 的限制,在 router.config.js 是不能直接只是用组件的,Pro 中暂时支持使用 ant.des ...
ant design pro 菜单图标引入问题 iconfontUrl inconfont图标本地
ant design pro 菜单栏使用图标官网使用inconfont图标,推荐使用inconfont官网的线上地址查看地址:https://pro.ant.design/zh-CN/docs/n ...
ant design pro v4 从后台服务器请求菜单，思路，具体代码及坑
原文见:https://www.yuque.com/asuncat/htn2dd/wgnx0u 版本信息 ant design pro : v4.2.2 umi: v3.2.14 pro-layout ...
ant design pro vue左侧菜单自定义图标
做ant design pro vue项目的时候突然想修改左侧菜单的图标,在修改途中发现源码中提供的方法方法居然不生效(如下所示) 在src/assets/icons文件夹中下载svg图标在src/ ...
ant design pro侧边栏子菜单添加不成功的解决办法
项目场景: Ant design pro侧边栏添加子菜单问题描述: 在企业工作中 Ant design pro侧边栏添加子菜单如果不成功要检查以下几个部分原因分析: 刚进公司的新员工如果接触到新的 ...
Ant Design Pro v5 获取动态菜单与基于角色权限管理视频教程（33 个视频）
Ant Design Pro v5 获取动态菜单与基于角色权限管理视频教程(33 个视频) 很多人问如何获取动态菜单的,所以在 antd prov 5 来讲一下角色管理的.从最基础的用户管理,角色管理 ...
7nfs客户端没权限_Ant design pro v4-服务器菜单和路由权限控制
要解决的问题:ant design pro默认情况下,菜单和路由都用配置的方式,在前端的config/config.ts中配置.但是大多数后台系统都需要由后端服务器控制权限. 类似的需求一般包括两点: ...
Ant design pro v4-服务器菜单和路由权限控制
要解决的问题:ant design pro默认情况下,菜单和路由都用配置的方式,在前端的config/config.ts中配置.但是大多数后台系统都需要由后端服务器控制权限. 类似的需求一般包括两点: ...

antd design pro菜单打开http链接

antd design pro菜单打开http链接相关推荐

最新文章

热门文章