kafka-manager does not work when deployed in subpath.

When deployed using subpath the image isn’t working as the urls and js in the index.html are absolute.

So what I did is a kubernetes deployment with a ingress controller which basically creates a nginx reverse proxy on a subpath.

E.g. http://development.myenvironment.com/kafka-manager/

Failed to load resource: the server responded with a status of 404 (Not Found)
/vassets/stylesheets/2b56540dba204490b0a8b01818b05991-index.min.css Failed to load resource: the server responded with a status of 404 (Not Found)
bootstrap.min.css Failed to load resource: the server responded with a status of 404 (Not Found)
c7d17af297af222b85192c2df48b8390-chartist.min.js Failed to load resource: the server responded with a status of 404 (Not Found)
/vassets/chartist/stylesheets/0dd8d6c6dca261528d9be38904d656d3-chartist.min.css Failed to load resource: the server responded with a status of 404 (Not Found)
jquery.min.js Failed to load resource: the server responded with a status of 404 (Not Found)
/vassets/chartist/stylesheets/0dd8d6c6dca261528d9be38904d656d3-chartist.min.css Failed to load resource: the server responded with a status of 404 (Not Found)
/vassets/dataTables/stylesheets/49765a39721f9ac7365f6a01962c52ef-dataTables.bootstrap.css Failed to load resource: the server responded with a status of 404 (Not Found)
/vassets/stylesheets/2b56540dba204490b0a8b01818b05991-index.min.css Failed to load resource: the server responded with a status of 404 (Not Found)
c7d17af297af222b85192c2df48b8390-chartist.min.js Failed to load resource: the server responded with a status of 404 (Not Found)
bootstrap.min.js Failed to load resource: the server responded with a status of 404 (Not Found)
280ff6aaaba888ccb486e669fd200b8e-jquery.dataTables.min.js Failed to load resource: the server responded with a status of 404 (Not Found)
8e519890a2e2499da2b753c65a5dc27c-dataTables.bootstrap.js Failed to load resource: the server responded with a status of 404 (Not Found)
2af62f58ee2baf495c9b3a9a1c30ce03-favicon.png Failed to load resource: the server responded with a status of 404 (Not Found)
jquery.min.js Failed to load resource: the server responded with a status of 404 (Not Found)
bootstrap.min.js Failed to load resource: the server responded with a status of 404 (Not Found)
280ff6aaaba888ccb486e669fd200b8e-jquery.dataTables.min.js Failed to load resource: the server responded with a status of 404 (Not Found)
8e519890a2e2499da2b753c65a5dc27c-dataTables.bootstrap.js Failed to load resource: the server responded with a status of 404 (Not Found)
bootstrap.min.css Failed to load resource: the server responded with a status of 404 (Not Found)
49765a39721f9ac7365f6a01962c52ef-dataTables.bootstrap.css Failed to load resource: the server responded with a status of 404 (Not Found)
2b56540dba204490b0a8b01818b05991-index.min.css Failed to load resource: the server responded with a status of 404 (Not Found)
0dd8d6c6dca261528d9be38904d656d3-chartist.min.css Failed to load resource: the server responded with a status of 404 (Not Found)

Is there a way to configure the image to run in a subpath of the url.

I also created the ticket on the repo of the docker image I am using. I hope someone knows if we can support this in an easy matter.

https://github.com/sheepkiller/kafka-manager-docker/issues/21

[vxavictor513]

Found a solution from https://github.com/yahoo/kafka-manager/issues/218.

1. Overriding play.http.context using Java options.

    -Dplay.http.context=/kafka-manager/
   

2. Configure load balancer rewrite rule so that it does not strip the subpath.

---

This works for stable/kafka-manager Helm chart too. Below is an example that uses NGINX ingress.

Note: livenessProbe.httpGet.path and readinessProbe.httpGet.path need to be appended with the subpath.

    livenessProbe:
      httpGet:
        path: /kafka-manager/api/health
        port: kafka-manager
      initialDelaySeconds: 60
      timeoutSeconds: 30
      failureThreshold: 10

    readinessProbe:
      httpGet:
        path: /kafka-manager/api/health
        port: kafka-manager

    javaOptions: '-Dplay.http.context=/kafka-manager/'

    ingress:
      enabled: true
      annotations:
        kubernetes.io/ingress.class: nginx
        nginx.ingress.kubernetes.io/rewrite-target: /kafka-manager/$2
      path: /kafka-manager(/|$)(.*)
      hosts:
        - sample.my-domain.com

[swathimocharla]

hi @marcofranssen , were you able to do this? I am trying to do the same for kafka-manager and access it via http://edge-node-ip/kafka-manager I am able to load kafka-manager’s UI. But there are 2 issues.

1. The UI is not rendering correctly
2. Clicking on any links like “add cluster” is redirecting to / from /kafka-manager