CORS Proxy Server

A simple, general-purpose CORS proxy using Vercel serverless functions

What is this?

This is a CORS proxy that allows you to make requests to APIs that don't support CORS from your frontend applications. It acts as a middleware between your frontend and the target API, adding the necessary CORS headers to enable cross-origin requests.

📌 Base URL: https://cors-proxy-xi-ten.vercel.app/api/proxy

Features

How to Use

Basic Example (GET request)

const proxyUrl = 'https://cors-proxy-xi-ten.vercel.app/api/proxy';
const targetUrl = 'https://api.example.com/data';

fetch(`${proxyUrl}?url=${encodeURIComponent(targetUrl)}`)
  .then(response => response.json())
  .then(data => console.log(data))
  .catch(error => console.error('Error:', error));

POST Request Example

const proxyUrl = 'https://cors-proxy-xi-ten.vercel.app/api/proxy';
const targetUrl = 'https://api.example.com/data';

fetch(`${proxyUrl}?url=${encodeURIComponent(targetUrl)}`, {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json'
  },
  body: JSON.stringify({ key: 'value' })
})
  .then(response => response.json())
  .then(data => console.log(data))
  .catch(error => console.error('Error:', error));

Test and Monitor

Want to see the proxy in action or monitor its usage?

Open Test Page View Traffic Dashboard

Monitor Proxy Traffic

We've added a new monitoring dashboard that provides insights into the proxy's usage patterns, popular target domains, and performance metrics.

Use the dashboard to:

Open Dashboard

Limitations

Use Responsibly

This proxy is provided for development and testing purposes. Please use it responsibly and avoid sending sensitive data through it. If you need a more secure solution, consider deploying your own instance.