<h3 id="heading-introduction">Introduction</h3>
<p>In this article, I will show how you can solve the <code>CORS</code> error which is one of the most common errors that occur when trying to integrate a front-end with the server-side.</p>
<h3 id="heading-problem-statement">Problem Statement</h3>
<p>Let's say that you're building an application and trying to run a post request or you're trying to access data across another platform but you end up getting an error like this: <code>Access to XMLHttpRequest at https://exampleurl from origin http://localhost:3000 has been blocked by CORS policy. Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource</code>.</p>
<h3 id="heading-what-is-cors">What is CORS</h3>
<p><code>CORS</code> is a security feature in all search engines which blocks websites and applications that could be malicious to a user.</p>
<h3 id="heading-solution">Solution</h3>
<p>In your server-side code install this package in the terminal:</p>
<pre><code class="lang-bash">npm i cors
</code></pre>
<p>Then write this code in your main file:</p>
<pre><code class="lang-javascript"><span class="hljs-keyword">let</span> cors = <span class="hljs-built_in">require</span>(<span class="hljs-string">"cors"</span>);
app.use(cors());
</code></pre>
<p>This will initialize the <code>cors</code> package and stop the error from happening 🥳.</p>


### Introduction

In this article, I will show how you can solve the `CORS` error which is one of the most common errors that occur when trying to integrate a front-end with the server-side.

### Problem Statement

Let's say that you're building an application and trying to run a post request or you're trying to access data across another platform but you end up getting an error like this: `Access to XMLHttpRequest at https://exampleurl from origin http://localhost:3000 has been blocked by CORS policy. Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource`.

### What is CORS

`CORS` is a security feature in all search engines which blocks websites and applications that could be malicious to a user.

### Solution

In your server-side code install this package in the terminal:

```bash
npm i cors
```

Then write this code in your main file:

```javascript
let cors = require("cors");
app.use(cors());
```

This will initialize the `cors` package and stop the error from happening 🥳.

In this article, I will show how you can solve the CORS error which is one of the most common errors that occur.

Fixing a CORS error

Table of contents

Introduction

Problem Statement

What is CORS

Solution