Server side app not loading in iframe

Hi,

below is my manifest.json

{
  "name": "X-ray",
  "author": {
    "name": "Shiv",
    "email": "shiv@abc.com",
    "url": "http://abc.com"
  },
  "defaultLocale": "en",
  "private": true,
  "location": {
    "support": {
      "ticket_sidebar": {
        "url": "http://localhost:8000/zendesk/home",
        "flexible": true
      }
    }
  },
  "version": "1.0.0",
  "frameworkVersion": "2.0"
}

 

and my app is loaded and displayed perfectly when i replace

"url": "http://localhost:8000/zendesk/home",  with "url": "assets/iframe.html",

However when I set "url": "http://localhost:8000/zendesk/home"

I get

When i try http://localhost:8000/zendesk/home?origin=https%3A%2F%2Fd3v-abc.zendesk.com&app_guid=18ea030c-6f1d-430e-9991-71aea511ef73 in another browser window, it works.

I have followed below steps in google chrome Version 102.0.5005.115 (Official Build) (64-bit)

 

I am using ubuntu installed on windows wsl 

Still no success. Am i missing any settings?

Thanks

Shiv