Service Virtualization API v3 endpoint url page is distorted

Products

• Service Virtualization

Issue/Introduction

After providing login details to launch swagger UI using the below link, the page is completely distorted.

http://localhost:1505/lisa-virtualize-invoke/api/v3/swagger-ui

This API UI was working fine before, and able to create Virtual Service.

Now because of the collapsed page, blocked with building Virtual Service.

 

Environment

All supported DevTest releases.

Cause

Disabling CSS/Stylesheets in the browser can cause this.

Access to CSS stylesheet at 'https://serverhost.com/ajax/libs/swagger-ui/3.20.1/swagger-ui.css' from origin 'http://localhost:1505' has been blocked by CORS policy: The request client is not a secure context and the resource is in more-private address space `local`.
swagger-ui.css:1 Failed to load resource: net::ERR_FAILED
swagger-ui:1 Access to image at 'https://online.swagger.io/validator?url=http%3A%2F%2Fpdl01lsaap01a%3A1505%2Flisa-virtualize-invoke%2Fapi%2Fv3%2Fswagger-json' from origin 'http://Registryhost:1505' has been blocked by CORS policy: The request client is not a secure context and the resource is in more-private address space `local`.

Resolution

Using Developers tools in the browser, noticed that the CSS/Stylesheets were blocked.  Please enable it to get this resolved.