Simple nginx reverse proxy for using CORS enabled frontend with non-CORS backend in local development environment

reverse-proxy.conf

# Simple nginx reverse proxy for using CORS enabled frontend with non-CORS backend in local development environment
#
# Usage:
# docker run --name reverse-proxy -v /path/to/this/file/reverse-proxy.conf:/etc/nginx/conf.d/default.conf:ro -p 8080:80 -d nginx

server {
  listen               80;
  server_name          localhost;
  client_max_body_size 1024M;

  location / {
    if ($request_method = 'OPTIONS') {
      add_header 'Access-Control-Allow-Origin' '*';
      add_header 'Access-Control-Allow-Credentials' 'true';
      add_header 'Access-Control-Allow-Methods' 'GET, POST, PATCH, PUT, DELETE, OPTIONS';
      add_header 'Access-Control-Allow-Headers' 'DNT,X-Mx-ReqToken,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type';
      add_header 'Access-Control-Max-Age' 1728000;
      add_header 'Content-Type' 'text/plain charset=UTF-8';
      add_header 'Content-Length' 0;

      return 204;
    }

    add_header 'Access-Control-Allow-Origin' '*';
    add_header 'Access-Control-Allow-Credentials' 'true';
    add_header 'Access-Control-Allow-Methods' 'GET, POST, PATCH, PUT, DELETE, OPTIONS';
    add_header 'Access-Control-Allow-Headers' 'DNT,X-Mx-ReqToken,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type';
    add_header 'Access-Control-Max-Age' 1728000;

    proxy_pass https://api.url;
  }
}