Have nginx serve static assets with Phoenix 1.4 deployed using distillery

make sure nginx only serve static files so match only static files something along these lines should be sufficient

    location ~* ^.+\.(css|js|ico|jpg|jpeg|png|svg|woff|woff2)$ {
      root /path/to/myapp/priv/static;
      etag off;
      expires max;
      add_header Cache-Control public;
    }

I have not deployed phoenix with distillery but I assume assets will remain under priv/assets directory that should not change.

Thank you, @allyraza. I was able to put a similar version of that into my NGINX config. My static assets are now being served by NGINX! The key to resolving this issue was the path to the static assets in the distillery release. For anyone who is looking for this in the future, Distillery puts the static assets for your project in /lib/{appname-version}/priv/static. So, if your app name is exampleapp and the version of your app is 0.1.0, and put the release in /srv/exampleapp then the path would be /srv/exampleapp/lib/exampleapp-0.1.0/priv/static. @hauleth helped me out with this info in the elixir Slack group. Thanks to both of you!

You can copy the static assets out of the phx app lib dir to some path that nginx knows about via distillery’s {:copy, ..., ...} overlay directive.

Hi everyone,

How about the new mix release command?

bin/RELEASE_NAME version (prints the release name and version to be booted) could help to find the path of the priv directory.

Here the directory structure of a release

bin/
  RELEASE_NAME
erts-ERTS_VSN/
lib/
  APP_NAME-APP_VSN/
    ebin/
    include/
    priv/

Then a simple cp linux command to some path nginx knows about?
This approach isn’t too much naive?

Hi @allyraza! quick question (newb in nginx): /app-three is still not serving assets, what did i miss?:

    location /app-two {
        proxy_pass http://127.0.0.1:8898;
        #...
    }

    location /app-three {
        proxy_pass http://127.0.0.1:8899;
        #...

        location ~* ^.+\.(css|cur|gif|gz|ico|jpg|jpeg|js|png|svg|woff|woff2)$ {
            root /home/user/folder/test_app/priv/static;
            etag off;
            expires max;
            add_header Cache-Control public;
        }
    }