Caddy and React app

[bshyong (Ben)]

Hi all,

I have a React app with React router that I am trying to host using Caddy. It is on an EC2 box: pretty vanilla set up.

The app works properly with python3 -m http.server so I’m not sure why it does not work with Caddy. Running Caddy locally with the same Caddyfile doesn’t work either. Can anybody help me to debug this? It seems like I’m missing something with Caddy that is causing my React app/js files to not serve correctly.

Production site is here: https://studies-api.sanguinebio.com/admin

Caddyfile looks like this. Index file is hosted at root/admin, and caddy is run from the root directory (parent directory of /admin).

studies-api.sanguinebio.com:443/admin {
    root admin
    gzip
    log ./access.log

    errors {
      404 index.html
    }
}

Thanks in advance

[bshyong (Ben)]

Fixed by adding this:
<Route path="*" component={() => <App store={userStore}/>}/>

It seems Caddy treats trailing URLs differently from python or node web server.

The above catch all route fixed the issue—React wasn’t able to match any routes when I hit /