解决RabbitMQ管理页面异常/不正确的问题

正确的页面:有Channels、Exchanges等

异常/不正确的页面:

问题原因

我的RabbitMQ是用docker安装的,应该不会是安装的环境有问题。

而且MQ的服务确实是启动了,后端能正常使用,并且管理界面的登录页面也是能正常登录的,就是登录后的界面内容不对,所以怀疑一下是不是还要配置用户才行,然后跟着网上的教程一通乱搞也没解决。

各种排查之后都找不出问题,只能F12看一下请求和响应报文,看能不能通过报文看出什么端倪。然后登录之后发现控制台有一个报错信息。到这基本就能猜出问题所在了,但还是需要验证一下猜想。

1、换一个浏览器访问管理界面,能正常访问。

2、用原来的浏览器打开一个正常的已经部署好的RabbitMQ管理页面,能正常访问。然后在前端源代码中搜索报错的方法toLowerCase(),搜索不到。

3、在网上搜索浏览器对该方法的支持,发现谷歌浏览器的老版本确实是不支持这个方法。
结论:自己安装的RabbitMQ版本是最新的,前端的源代码有所变化。使用的谷歌浏览器版本又很低,不支持toLowerCase()方法,导致前端代码报错不能正常渲染。

解决方法

换一个浏览器或者升级当前浏览器,更麻烦一点就是安装低版本的RabbitMQ,但是还需要知道RabbitMQ在哪一个版本开始使用该方法。

相关推荐
墨香幽梦客1 小时前
合规视角的数据安全与隐私:HIPAA等法规的架构内生化实践
java·分布式·微服务
znhy60581 小时前
分布计算系统
网络·分布式
狮恒2 小时前
OpenHarmony Flutter 分布式设备发现与连接:无感组网与设备协同管理方案
分布式·flutter·wpf·openharmony
Wang's Blog3 小时前
RabbitMQ: 消息交换机制的核心原理与实践指南之基于 AMQP 协议的系统设计与工程实现
分布式·rabbitmq
狮恒3 小时前
OpenHarmony Flutter 分布式音视频:跨设备流传输与实时协同交互方案
分布式·flutter·wpf·openharmony
狮恒4 小时前
OpenHarmony Flutter 分布式安全与隐私保护:跨设备可信交互与数据防泄漏方案
分布式·flutter·wpf·openharmony
ha_lydms5 小时前
Spark函数
大数据·分布式·spark
狮恒6 小时前
OpenHarmony Flutter 分布式任务调度:跨设备资源协同与负载均衡方案
分布式·flutter·wpf·openharmony
豫狮恒8 小时前
OpenHarmony Flutter 分布式权限管理:跨设备可信访问与权限协同方案
分布式·flutter·wpf·openharmony
TiDB 社区干货传送门8 小时前
“医疗专业应用+分布式数据底座”:平凯数据库与金唐软件全链路赋能医疗国产化与数字化转型
数据库·分布式