Nothing to Show while accessing Weave scope using https (443 port) Ingress ALB

[Shreyas Mulukunte]

Dear Team,

I am facing issue while opening weave scope page using Ingress ALB with port 443.

Below is my ingress yaml.

apiVersion: extensions/v1beta1
kind: Ingress
metadata:
name: weave-ingress
namespace: weave
annotations:
nginx.org/websocket-services: weave-scope-app
nginx.ingress.kubernetes.io/rewrite-target: /$2
nginx.ingress.kubernetes.io/configuration-snippet: |
rewrite ^(/map)$ /map/ permanent;
kubernetes.io/ingress.class: alb
alb.ingress.kubernetes.io/backend-protocol: HTTP
alb.ingress.kubernetes.io/scheme: internet-facing
alb.ingress.kubernetes.io/target-type: instance
alb.ingress.kubernetes.io/ssl-policy: ELBSecurityPolicy-TLS-1-2-Ext-2018-06
alb.ingress.kubernetes.io/listen-ports: '[{"HTTPS": 443}]'
alb.ingress.kubernetes.io/subnets: subnet-0d2a3792c405d5274,subnet-0027ea900c8636d60,subnet-0f26c67cd0005afa2
alb.ingress.kubernetes.io/security-groups: sg-0d78e01fe8f2c464f
alb.ingress.kubernetes.io/certificate-arn: arn:aws:acm:eu-west-1:465260232764:certificate/d8967973-9dbe-44af-bdb2-43282817bffd
alb.ingress.kubernetes.io/tags: Name=lsmv-ingress,Requestor=Shreyas Mulukunte,Project=LSMV,Business Unit=agSafety,Customer=Sahred,Service=Loadbalancer,Business_Model=MultiTenant,Environment=Development

labels:
app: weave
spec:
rules:
- http:
paths:
- path: /*
backend:
serviceName: weave-scope-app
servicePort: 31220

Below is weave-scope-app service :

apiVersion: v1
kind: Service
metadata:
name: weave-scope-app
annotations:
alb.ingress.kubernetes.io/healthcheck-path: /
alb.ingress.kubernetes.io/success-codes: 200,302
cloud.weave.works/launcher-info: |-
{
"original-request": {
"url": "/k8s/scope.yaml?k8s-version=1.16",
"date": "Fri Jul 03 2020 12:24:14 GMT+0000 (UTC)"
},
"email-address": "[e-mail]"
}
labels:
name: weave-scope-app
app: weave-scope
weave-cloud-component: scope
weave-scope-component: app
namespace: weave
spec:
type: NodePort
ports:
- port: 31220
targetPort: 4040
nodePort: 31220
protocol: TCP
selector:
name: weave-scope-app
app: weave-scope
weave-cloud-component: scope
weave-scope-component: app

Note : It works perfectly fine with port-forward but not with this approach.
Getting below page: