Technology and General Blog

Cross-Origin Source Sharing is a protocol that will allow controlled obtain to means found outside the house the scope of a supplied area. CORS is comparable to SOP with supplemental features and overall flexibility.

A prevalent example of CORS utilization is if JavaScript requires to patch a request to an API endpoint found on a diverse area. If SOP is employed, which is followed by XMLHttpRequest and fetch, the request would be blocked. Even so, working with CORS, the request can be authorized to accessibility the asked for endpoint.

As you can picture, there are some advantages and cons of making use of CORS on your server as it does not defend from cross-domain-based mostly attacks, together with CSRF.

The reason of this tutorial is to give you a fast rundown of how CORS functions and how to empower it on an NGINX server.

Why Permit CORS?

Why allow CORS in the 1st area? In most circumstances, JavaScript jogging on the client’s browser does not want to obtain assets outdoors its domain. Hence, disabling CORS can be a excellent evaluate for stability.

Even so, on the backend side of items, a authentic JavaScript code could require to patch a request by to an endpoint exterior its domain, which necessitates getting CORS enabled for this kind of functionality to perform.

Take note: The similar domain refers to a different protocol, a various domain title, or a distinct port.

Requests Applying CORS

The most widespread ask for that utilizes CORS contain:

  • World wide web Fonts that are outlined in @font-experience with a internet stylesheet.
  • Visuals and movies drawn on the canvas applying drawImage()
  • WebGL textures
  • CSS styles drawn from illustrations or photos.

These are some of the basic requests that involve CORS to purpose properly. It is good to comprehend that there are more ideas about CORS past the scope of this tutorial.

Enable CORS on Nginx Server

Enable us get to the major portion of this tutorial. To help CORS on NGINX, you require to edit the configuration file (found in /and so forth/nginx/nginx.conf or usr/nearby/nginx/conf or /usr/regional/etc/nginx) and add the header.

The typical syntax to incorporate header directives in Nginx is as:

$ insert_header title value [always]

Phase 1 – Edit Nginx configuration

Launch your favourite editor and open up the Nginx configuration:

$ sudo vim /and so on/nginx/internet sites-enabled/default

Move 2 – Incorporate the header

In the server block of your Nginx configuration, enter the adhering to entry.

$ server
   add_header Access-Manage-Permit-Origin *

Stage 3 – Conserve and Restart Nginx

Eventually, preserve the configuration file and restart nginx.

$ sudo company nginx restart

Phase 4 – Affirm CORS

Use cURL to verify that CORS is enabled as:

$ curl -I http://127…1

This ought to give you an output as proven below:


That is the end of this tutorial. I hope it aided you achieve the objective of enabling CORS on your Nginx server.

Thank you for reading and sharing.

Leave a Reply

Your email address will not be published. Required fields are marked *