To set up Caddy for serving a Single Page Application (SPA) like a React app with react-router, you need to handle routing such that all navigation requests are routed to index.html, while also serving the static assets correctly.
In this guide, we'll configure Caddy to serve as a reverse proxy for Minio, an object storage server. This setup will allow you to access the Minio console and the object storage service through Caddy.
storage.xiaohai-huang.net {
redir /minio-console /minio-console/
handle_path /minio-console/* {
reverse_proxy my-minio-server:9001
}
handle_path /* {
reverse_proxy my-minio-server:9000
}
}
You can remove the redir line if the Minio container specifies the console path as /minio-console/ (the trailing slash is needed)
With this configuration, Caddy will route traffic to the appropriate Minio services, making it easy to manage your object storage setup.