Hystrix dashboard always showing loading screen

Question

I have developed Micro service application using Netflix-OSS libraries. I am facing issue on Hystrix dashboard running on localhost:9091/hystrix. I want to monitor request metrics between Micro service-A and Micro service-B. Endpoint "hystrix.stream" is already registered.

hystrix dashboard stucks on loading without showing any results.

I inspected browser and found jquery error - Uncaught TypeError: e.indexOf is not a function which seems to be a jquery version issue.

I am using Jdk 14 version and Spring boot 2.3 for my development

Can you add the actual error you are getting? From your post, I would assume that e is a type of object that doesn't have indexOf, not a jquery version issue. — bob0the0mighty, Aug 13 '20 at 13:57

score 1 · Answer 1 · answered Aug 17 '20 at 04:30

            @bob0the0mighty
            I am adding code snippet for your reference. This is my springboot main class
            @SpringBootApplication
            @EnableEurekaClient
            @EnableCircuitBreaker
            @EnableHystrixDashboard
            public class DramaServiceApplication {
            }
        My controller looks like :
        @GetMapping("/acts")
            @com.netflix.hystrix.contrib.javanica.annotation.HystrixCommand(fallbackMethod = "fallbackMethodForGetActor", commandKey = "test-Act", groupKey = "test-Act")
            public ActorList getActors() {
                ActorList actorList = restTemplate.getForObject("http://actor-service/actor/actorsList", ActorList.class);
                return actorList;
            }
    public ActorList fallbackMethodForGetActor() {
            return new ActorList(" Requested Actor page is under maintenance!!");
        }
    
    application.yml file looks like :
            
    management:
      endpoints:
        web:
          base-path: /
          exposure:
            include: hystrix.stream, health, info, metrics
After hitting request multiple times, I am getting hystrix dashboard as "loading" always
and screen looks like 
[enter image description here][1]
                


  [1]: https://i.stack.imgur.com/hOeZf.png

score 0 · Answer 2 · answered Aug 17 '20 at 14:33

Updating the spring-cloud-dependencies version to "Hoxton.SR7" resolved the problem for me. There is an issue with jquery 3.4.1 with spring-cloud-dependencies version "Hoxton.SR6".

You can get the details of the issue and the fix here. https://github.com/spring-cloud/spring-cloud-netflix/issues/3811 https://github.com/spring-cloud/spring-cloud-netflix/pull/3817

score 0 · Answer 3 · answered Aug 19 '20 at 10:00

This issue got fixed by adding following configuration changes:
1. Updating Hoxton to SR7 in pom.xml:
   <properties>
        <java.version>14</java.version>
        <spring-cloud.version>Hoxton.SR7</spring-cloud.version>
    </properties>
2. Add these entries in application.yml:
hystrix:
  dashboard:
    proxy-stream-allow-list: '*'        
        
management:
  endpoints:
    web:
      base-path: /
      exposure:
        include: '*'
3. Creating a separate config Java class:
package com.ibm.drama.controller;

import org.springframework.boot.web.servlet.ServletRegistrationBean;
import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;

import com.netflix.hystrix.contrib.metrics.eventstream.HystrixMetricsStreamServlet;

@Configuration
public class HystrixConfig {

    @Bean
    public ServletRegistrationBean<HystrixMetricsStreamServlet> getServlet() {
        HystrixMetricsStreamServlet streamServlet = new HystrixMetricsStreamServlet();
        ServletRegistrationBean<HystrixMetricsStreamServlet> registrationBean = new ServletRegistrationBean<HystrixMetricsStreamServlet>(streamServlet);
        registrationBean.setLoadOnStartup(1);
        registrationBean.addUrlMappings("/actuator/hystrix.stream");
        registrationBean.setName("hystrix.stream");
        return registrationBean;
    }
}

Hystrix dashboard always showing loading screen

3 Answers3