Fetch

Use these code examples for bypassing CORS errors in Fetch requests with Corsfix CORS proxy. They use the Corsfix SDK, a drop-in wrapper around fetch. Load it with a script tag:

<script src="https://unpkg.com/corsfix"></script>

Or install it from npm:

npm install corsfix

import corsfix from "corsfix";

GET Request

corsfix.fetch("https://api.example.com/data");

Cached Response

corsfix.fetch("https://api.example.com/data", {
  corsfix: { cache: "15m" },
});

POST Request

corsfix.fetch("https://api.example.com/data", {
  method: "POST",
  body: JSON.stringify({
    data: "mydata",
  }),
});

Using Secrets

corsfix.fetch("https://api.example.com/data?key={{SECRET_KEY}}", {
  method: "POST",
  headers: {
    Authorization: "Bearer {{SECRET_TOKEN}}",
  },
  body: JSON.stringify({
    data: "mydata",
  }),
});

Header Override

corsfix.fetch("https://api.example.com/data", {
  corsfix: {
    headers: {
      "User-Agent": "MyAgent/1.0",
    },
  },
});