supernova32

supernova32

Plug.Static is unable to serve files in production

Hi everyone,

I have been banging my head against a wall for the last couple of days because of a really weird problem I’m having in production.

I have a very simple Phoenix app that lets an admin user upload an image when creating a “note”. I’m using arc and arc-ecto to handle the file uploads. Everything works great in development. I’m able to upload the images without issues, and I can see them on the “notes” page.

However, when the app is running in production, I am able to upload the images without errors, but Phoenix is giving me a 404 when trying to fetch the images.

I already added the Plug.Static declaration to may endpoint.ex file, which is why I am able to see the images in dev, but no matter what I try in production, I always get a 404.

I have this in my endpoint.ex file. I already tried replacing Path.expand("./uploads") with the full path of where the files are when in production, and no luck.

plug Plug.Static,
    at: "/uploads",
    from: Path.expand("./uploads/"),
    gzip: false

I know Elixir has access to this folder in production, because after uploading the images, they are there.

I’m using Distillery to create the release for production, and I’m deploying the app as a Docker image using docker-compose. I already made sure that the destination of the uploaded files is mounted as a volume on the Docker image, so that they don’t get destroyed after each deploy.

What could possibly be happening here?

I’m really close to just giving up trying to get Plug.Static to work in prod, and just Base64 encode the images and inlining them in the HTML file.

Any help, or guidance you can give me is greatly appreciated!

First 10 of 26 Posts Switch mode

NobbZ

NobbZ

WHat does Path.expand("./uploads/") return? Is it as expected and really the folder you have configured as target for copying the uploaded files to? relative pathes can be mean at times, especially if one isn’t careful or conscious about the actual working directory.

Sadly you haven’t told us how you are starting your application… That could give some hints about the actual working directory.

wojtekmach

wojtekmach

Hex Core Team

See this excerpt from the docs

The preferred form is to use :from with an atom or tuple, since it will make your application independent from the starting directory. For example, if you pass:

    plug Plug.Static, from: "priv/app/path"

Plug.Static will be unable to serve assets if you build releases or if you change the current directory. Instead do:

    plug Plug.Static, from: {:app_name, "priv/app/path"}

have you tried it with tuple?

supernova32

supernova32 OP

@wojtekmach I should have mentioned I tried that as well without any luck.

@NobbZ The path I want to access is /app/uploads. Docker mounts the app in /app so if I run a remote console to the running app in production and do Path.expand("./uploads") I get the correct path: /app/uploads. Plus, Arc is able to write to the correct path without any further modifications.

I think posting my Docker file might help:

# Build Stage
FROM elixir:1.9 as build

ENV DEBIAN_FRONTEND=noninteractive
ENV HOME=/opt/app/ TERM=xterm

RUN \
  curl -sL https://deb.nodesource.com/setup_10.x | bash - && \
  curl -sS https://dl.yarnpkg.com/debian/pubkey.gpg | apt-key add - && \
  echo "deb http://dl.yarnpkg.com/debian/ stable main" | tee /etc/apt/sources.list.d/yarn.list && \
  apt-get update && apt-get -y install nodejs yarn

## Install Hex+Rebar
RUN mix local.hex --force && \
  mix local.rebar --force

WORKDIR /opt/app

ENV MIX_ENV=prod

## Cache elixir deps
RUN mkdir config
COPY config/* config/
COPY mix.exs mix.lock ./
RUN mix do deps.get, deps.compile

## Cache node deps
COPY assets/*.json ./assets/
COPY assets/yarn.lock ./assets/
RUN cd ./assets && yarn install

## Compile assests & create digest
COPY . .
RUN npm run deploy --prefix ./assets
RUN mix phx.digest

## Compile Elixir release
RUN MIX_ENV=prod mix distillery.release --env=prod

# Release Stage
FROM elixir:1.9-slim

EXPOSE 4000
ENV MIX_ENV=prod REPLACE_OS_VARS=true SHELL=/bin/sh

WORKDIR /app
COPY --from=build /opt/app/_build/prod/rel/c37 ./

ENTRYPOINT ["bin/c37"]

The app is started when docker-compose creates the web service with the foreground option

OvermindDL1

OvermindDL1

Really should set it to /app/uploads then, don’t use relative paths without the tuple format and even then only within an application itself, not outside of it. The CWD can change in unexpected ways in a massively concurrent system.

I am curious if Plug.Static requires things it is serving to be local though, hmm…

supernova32

supernova32 OP

Thanks for the suggestion, but I already tried “hardcoding” the full path, and it did not work either.

Is it possible to define environment specific plugs, or would having 2 plugs be good enough? The paths are different on prod and dev, so if I hardcode them to “/app/uploads” dev breaks.

NobbZ

NobbZ

As plug is a macro, I’m not even sure if it resolve the path during compile time or runtime. Wrap an IO.insoect and watch application build as well as start carefully for output. The :label option is of great help for such things.

OvermindDL1

OvermindDL1

At compile-time for Plug.Static.

And I just tested it here with an absolute directory and it worked, so there is something else going on that’s possibly not related to the path for Plug.Static?

supernova32

supernova32 OP

Yeah, I thought about that myself, but I really do not want to start a marathon of a debugging session when simply a Base64 encode of the image will solve my issues. Once this application gets more usage, uploaded assets will be stored on S3 anyways, but I just can’t fight this nagging feeling. What I’m trying to do should work.I just can’t figure out why.

OvermindDL1

OvermindDL1

Any chance at making an SSCCE that we can just git clone and spool up or so?

supernova32

supernova32 OP

Are you working with a Docker image as well?

Where Next?

Trending in Questions Top

stjefim
Hello! Suppose you are building workflow (order / task / payment) processing system with the following requirements: Each workflow con...
New
jonnycharles
I’m in search of an Elixir library that offers PDF generation capabilities similar to Ruby’s Prawn. While there have been discussions abo...
New
spammy
I’m looking to build a personal workflow to quickly deploy web applications written in elixir/phoenix, for local consumption (ie not on t...
New
silverdr
Using Phoenix.LiveView.TagEngine as an EEx.Engine is deprecated! To compile HEEx, use Phoenix.LiveView.TagEngine.compile/2 instead. Sta...
New
dli
Before I dive in myself, did anyone successfully sprinkle Hologram into their existing LiveView app? Looking for hints regarding: Addi...
New
bottlenecked
Hi all, I wanted to ask how the community is dealing with post-release steps. Today we have Ecto migrations, which make sure that the db...
New
michallepicki
I am using Oban and occasionally, shortly after a deployment, a handful of jobs can fail because of dependency on other parts of the syst...
New

Other Trending Topics Top

JesseHerrick
Hey, I’m Jesse and I’m the main contributor behind Dexter, a full-featured, lightning-fast Elixir LSP optimized for large codebases. It s...
New
jimsynz
Beam Bots (or just BB for short) is a framework for building fault-tolerant robotics applications in Elixir using familiar OTP patterns. ...
New
Damirados
Hello everyone. After busy few months I am happy to announce v0.1.0 of Emerge & Solve. They are GUI (Emerge) and State management (S...
New
ausimian
Emily is an Elixir library that runs Nx computations on Apple’s MLX. Install it as the default Nx backend and Nx, defn, Axon, Nx.Serving,...
New
type1fool
I just stumbled on a newly redesigned elixir-lang.org. :tada: It looks like @Software_Mansion did the work, and I think it is generally a...
New
akoutmos
@hugobarauna and I (Alex Koutmos) have been hard at work on writing a book on Nerves that takes you from simply blinking LEDs to building...
New

We're in Beta

About us Mission Statement