(nginx AND varnish) + CORS (working example)

cors.inc

more_set_headers "Access-Control-Allow-Origin: $http_origin";
more_set_headers "Access-Control-Allow-Credentials: true";

# OPTIONS indicates a CORS pre-flight request
if ($request_method = 'OPTIONS') {
    more_set_headers "Access-Control-Max-Age: 1728000";
    more_set_headers "Access-Control-Allow-Methods: GET, POST, PUT, DELETE, PATCH, OPTIONS";
    more_set_headers "Access-Control-Allow-Headers: Authorization,Content-Type,Accept,Origin,User-Agent,DNT,Cache-Control,X-Mx-ReqToken,Keep-Alive,X-Requested-With,If-Modified-Since";

    more_set_headers "Content-Length: 0";
    more_set_headers "Content-Type: text/plain charset=UTF-8";
    return 204;
}

varnish.vcl

sub vcl_deliver {
  set resp.http.Access-Control-Allow-Origin = "*";
  set resp.http.Access-Control-Allow-Credentials = "true";
  
  if (req.method == "OPTIONS") {
      set resp.http.Access-Control-Max-Age = "1728000";
      set resp.http.Access-Control-Allow-Methods = "GET, POST, PUT, DELETE, PATCH, OPTIONS";
      set resp.http.Access-Control-Allow-Headers = "Authorization,Content-Type,Accept,Origin,User-Agent,DNT,Cache-Control,X-Mx-ReqToken,Keep-Alive,X-Requested-With,If-Modified-Since";

      set resp.http.Content-Length = "0";
      set resp.http.Content-Type = "text/plain charset=UTF-8";
      set resp.status = 204;
  }
}

how to use this？

@anicething all I did was add

set resp.http.Access-Control-Allow-Origin = "*";

in vcl_deliver and got the needed result

For safari, set resp.status = 200; otherwise it doesn't work ...