blocked by CORS policy? CORS Proxy is Solution 😎

2 min readOct 2, 2021

❓ What is CORS?

Cross-Origin Resource Sharing (CORS) is an HTTP-header based mechanism that allows a server to indicate any origins (domain, scheme, or port) other than its own from which a browser should permit loading of resources. CORS also relies on a mechanism by which browsers make a “preflight” request to the server hosting the cross-origin resource, in order to check that the server will permit the actual request. In that preflight, the browser sends headers that indicate the HTTP method and headers that will be used in the actual request.

🤔 What is the Solution?

The solution to bypass CORS is to use a Proxy. A Proxy server, that forwards your request as it is.

But, problems with a Proxy Server are managing the server, optimizing the server, handling traffic, use of Kubernetes to minimize bills and whatnot.

😭😭 So what is the solution to this?

✨ CORS Proxy ✨

CORS Proxy provides Free Service to bypass CORS.

CORS Proxy API uses backend technologies to complete your request for any third-party resource. You are just required to send all request data (ie. URL, params, body, headers, cookies, etc.) to CORS Proxy API End-Point in the body, CORS Proxy will then forward your request in an optimized manner.

Sample Code

var axios = require("axios").default;var options = {
  method: 'POST',
  url: 'https://cors-proxy1.p.rapidapi.com/v1',
  headers: {
    'content-type': 'application/json',
    'x-rapidapi-host': 'cors-proxy1.p.rapidapi.com',
    'x-rapidapi-key': 'YOUR-x-rapidapi-key'
  },
  data: {
    url: 'https://api.gymslate.ml/auth/login/',
    method: 'POST',
    params: {},
    data: {
        email: 'user@mail.com',
        password: 'SecurePassword'
    },
    headers: {},
    cookies: {}
  }
};axios.request(options).then(function (response) {
    console.log(response.data);
}).catch(function (error) {
    console.error(error);
});