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 we were able to create Virtual Service.

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

 

Environment

Release : 10.6

Component :

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, we noticed that the CSS/Stylesheets were blocked.  Please enable it to get this resolved.