How to send response headers for cache control and CORS (converting from nginx.conf)

[umlumpa]

In nginx i know! i didnot find from documentation!

[skauk]

Add a routes section matching static files you want and add respective headers in the action for this section as well as specify the directory with share. For example:

{
  "routes": [
    {
      "match": {
        "uri": "~\\.(jpg|jpeg|gif|png|svg|ico|pdf|ppt|txt|bmp|rtf|woff|woff2|ttf|eot)$"
      },
      "action": {
        "share": "/var/www/html/src/frontend/web",
        "response_headers": {
            "Cache-Control": "max-age=1209600"
        }
      }
    }  
  ]
}

[umlumpa]

can you help me to convert it to nginx unit conf?

       server {
          listen  80;

          error_log /dev/stdout error;
          access_log off;
          client_max_body_size 100M;

          location / {
            root /var/www/html/src/frontend/web;
            try_files $uri /index.php$is_args$args;
          }

          location ~ ^/.+\.php(/|$) {
            if ($request_method = 'OPTIONS') {
              add_header 'Access-Control-Allow-Origin' $http_origin always;
              add_header 'Access-Control-Allow-Credentials' 'true' always;
              add_header 'Access-Control-Allow-Methods' 'GET, POST, PUT, DELETE, OPTIONS' always;
              add_header 'Access-Control-Allow-Headers' 'Accept,Accept-Encoding,Authorization,Cache-Control,Connection,Content-Length,Content-Type,DNT,Host,Pragma,If-Modified-Since,Keep-Alive,Origin,User-Agent,Referer,X-Requested-With' always;

              add_header 'Access-Control-Max-Age' 1728000 always;
              add_header 'Content-Type' 'text/plain charset=UTF-8' always;
              add_header 'Content-Length' 0 always;
              add_header "Vary" "Origin";

              return 200;
            }

            if ($request_method ~ '(GET|POST|PATCH|PUT|DELETE)') {
              add_header 'Access-Control-Allow-Origin' $http_origin always;
              add_header 'Access-Control-Allow-Credentials' 'true' always;
              add_header 'Access-Control-Allow-Methods' 'GET, POST, PUT, DELETE, OPTIONS' always;
              add_header 'Access-Control-Allow-Headers' 'Accept,Accept-Encoding,Authorization,Cache-Control,Connection,Content-Length,Content-Type,DNT,Host,Pragma,If-Modified-Since,Keep-Alive,Origin,User-Agent,Referer,X-Requested-With' always;
            }

            fastcgi_pass localhost:9000;

            fastcgi_split_path_info ^(.+\.php)(/.*)$;
            include fastcgi_params;

            fastcgi_param SCRIPT_FILENAME /var/www/html/src/frontend/web$fastcgi_script_name;
            fastcgi_param HTTPS off;
          }
        }```

[lcrilly]

This should come pretty close (routes object):

[
    {
        "match": {
            "method": "OPTIONS"
        },
        "action": {
            "return": 204,
            "response_headers": {
                "Access-Control-Allow-Credentials": "true",
                "Access-Control-Allow-Methods": "GET, POST, PUT, DELETE, OPTIONS",
                "Access-Control-Allow-Headers": "Accept,Accept-Encoding,Authorization,Cache-Control,Connection,Content-Length,Content-Type,DNT,Host,Pragma,If-Modified-Since,Keep-Alive,Origin,User-Agent,Referer,X-Requested-With",
                "Access-Control-Max-Age": "1728000"
            }
        }
    },
    {
        "match": {
            "uri": "*.php"
        },
        "action": {
            "pass": "applications/my_app"
            "response_headers": {
                "Access-Control-Allow-Origin": "$request_header_origin",
                "Access-Control-Allow-Credentials": "true",
                "Access-Control-Allow-Methods": "GET, POST, OPTIONS",
                "Access-Control-Allow-Headers": "Accept,Accept-Encoding,Authorization,Cache-Control,Connection,Content-Length,Content-Type,DNT,Host,Pragma,If-Modified-Since,Keep-Alive,Origin,User-Agent,Referer,X-Requested-With"
            }
        }
    },
    {
        "action": {
            "share": ["/var/www/html/src/frontend/web$uri", "/var/www/html/src/frontend/web/index.php"]
        }
    }
]

[skauk]

Sure. Can you tell the reason behind allowing CORS for all origins? Which framework your application is using?

[umlumpa]

I am using php yii2 framework my actual nginx is working with this nginx.conf! and also i want to add gzip compression but dont find anything in documentation!

[skauk]

You can significantly simplify your configuration if you deal with CORS and gzip compression with the means of your framework.

[tippexs]

I am using php yii2 framework my actual nginx is working with this nginx.conf! and also i want to add gzip compression but dont find anything in documentation!

Currently, NGINX Unit does not support GZIP in production. We are having a beta implementation ready but this didn't find it way into main, yet.

For CORS and friends you can use the response_headers feature in a router action.
https://unit.nginx.org/configuration/#handling-actions

Matching for HTTP-Methods is supported.

[lcrilly]

@rcknr , great answer to the original question!

Here's an alternative approach that matches faster (without regex) and simulates NGINX's expires using JavaScript to do the +14d calc.

[
     {
         "match": {
             "uri": ["*.jpg", "*.jpeg", "*.gif", "*.png", "*.svg", "*.ico", "*.pdf"]
         },
         "action": {
             "share": "/var/www/html/src/frontend/web",
             "response_headers": {
                 "Expires": "`${(() => {var d = new Date(); d.setDate(d.getDate() + 14); return d.toUTCString();} )()}`"
             }
         }
     }
]

[skauk]

@lcrilly Would it work using MIME filtering as well?

{
    "share": "/var/www/html/src/frontend/web$uri",
    "types": [
        "application/pdf",
        "font/*",
        "image/*",
        "text/*"
    ],
    "response_headers": {
        "Cache-Control": "max-age=1209600"
    }
}

[lcrilly]

Yes, and no!

MIME filtering applies once the route has been selected, so if the types don't match, then you'll get a 403 response. However, you can use the fallback object to send a non-adjusted response for the non-matching types. This will work but I think it's harder to read than uri matching.

[
     {
         "action": {
            "types": ["application/pdf", "image/*", "font/*", "text/plain"],
            "share": "/var/www/html/src/frontend/web$uri",
            "response_headers": {
                 "Cache-Control": "max-age=1209600"
             },
             "fallback": {
                "share": "/var/www/html/src/frontend/web$uri"
             }
         }
     }
]

[umlumpa]

{
  "listeners":{
    "*:80":{
      "pass":"routes"
    }
  },
  "routes":[
    {
      "match": {
        "uri": "~\\.(jpg|jpeg|gif|png|svg|ico|pdf|ppt|txt|bmp|rtf|woff|woff2|ttf|eot)$"
      },
      "action": {
        "share": "/var/www/html/src/frontend/web",
        "response_headers": {
          "Cache-Control": "max-age=1209600"
        }
      }
    },
    {
      "match":{
        "uri":[
          "!/assets/*",
          "*.php",
          "*.php/*"
        ]
      },
      "action":{
        "pass":"applications/php/direct"
      }
    },
    {
      "action":{
        "share":"/var/www/html/src/frontend/web$uri",
        "fallback":{
          "pass":"applications/php/index"
        }
      }
    }
  ],
  "applications":{
    "php":{
      "type":"php",
      "limits": {
        "timeout": 60,
        "requests": 10000
      },
      "options": {
        "file": "/etc/php.ini",
        "admin": {
          "memory_limit": "700M",
          "variables_order": "EGPCS"
        },
        "user": {
          "display_errors": "0"
        }
      },
      "processes":{
        "max":3,
        "spare":1,
        "idle_timeout":5
      },
      "targets":{
        "direct":{
          "root":"/var/www/html/src/frontend/web"
        },
        "index":{
          "root":"/var/www/html/src/frontend/web",
          "script":"index.php"
        }
      }
    }
  }
}

not working blocking just blocking jpg|jpeg|gif|png|svg|ico|pdf|ppt|txt|bmp|rtf|woff|woff2|ttf|eot 404 status not found

[lcrilly]

not working blocking

Suggest adding router diagnostic logging to your configuration:

echo '{"http":{"log_route":true}}' | unitc /config/settings

[skauk]

@chopanovv Make it "share": "/var/www/html/src/frontend/web$uri" like in your last action.

[umlumpa]

404 is fixed but cache is not working here is difference between Nginx and Nginx Unit
this is Nginx Unit

this is NGINX

[skauk]

How do you know cache's not working?

[umlumpa]

in second picture has header expires section its cache time in first picture there is no like this i mean in nginx unit

[skauk]

Cache-control and Expires could be used independently from one another. You could add Expires header as per @lcrilly suggestion.

[umlumpa]

My bad thnx! this is working!

 "Expires": "`${(() => {var d = new Date(); d.setDate(d.getDate() + 14); return d.toUTCString();} )()}`"