Error while making the request - Network Error the API did not return a response. 

Issue:

Nothing happens when I send requests to my API. 

Error while making the request - Network Error the API did not return a response. 

Environment: 

HTTP Request Maker 

Solution:

These errors are typically caused by a few different issues, each discussed in more detail below. Before continuing, it is recommended to open your browser's developer console.

CORS

CORS stands for Cross-Origin Resource Sharing, and is a browser security feature used to ensure that web pages do not request data from external resources (origins) that don't allow it. If you'd like to read more about CORS, please see here.

When a CORS error occurs, you'll see a message logged in your browser console similar to the one below:

To resolve this issue, you'll want ensure your API includes an Access-Control-Allow-Origin header in every response, allowing requests to succeed if they come from a specific domain. For example:

Access-Control-Allow-Origin: https://example.stoplight.io

Which will allow requests from your documentation site to be allowed, or:

Access-Control-Allow-Origin: https://stoplight.io

Which will allow requests from all Stoplight domains.

Mixed Content

One common source of errors is related to "mixed content", which is when a website attempts to load HTTP resources over a website that was originally loaded over HTTPS. If this is the source of the issue, your browser's developer console should list a message similar to the one below:

The way to resolve this issue is to ensure that your API supports HTTPS and that an HTTPS endpoint is provided in your API specification.