Problems with static app and LocalFileAdapter

Bug report

Describe the bug

I have a keystone app with a StaticApp configured to serve files located on the public folder on the root of my project:

new StaticApp({ path: '/public', src: 'public' })

and a LocalFileAdapter configured to store files on a subdirectory of the static app path:

const fileAdapter = new LocalFileAdapter({
  src: 'public/uploads',
  path: '/public/uploads'
});

This setup works fine on development mode but in production mode when the app is built the contents of the root public folder are copied to dist/public and thats the folder served by the keystone server… so when a file is uploaded using the admin UI it goes through the LocalFileAdapter to the public folder on the root of my project so I get a 404 when I try to access the file using the public path URL because the file does not exist in dist/public.

To Reproduce

Explained above.

System information

• OS: macOS and Linux
• Browser: any

[bertez]

It’s the same… I understand the behavior of the Static App is correct and I finally set up the local file adapter to save the files in a different folder and set up nginx in production to serve that folder as static content.

While in development I use express.static:

module.exports = {
  keystone,
  apps,
  configureExpress: app => {
    app.set('trust proxy', 1);
    isDev && app.use('/uploads', express.static('uploads'));
  }
};

Maybe there is a better way but for the time being this works for me.

[HostenMarijn]

Hey,

Does the file adapter throw weird error responses on your nginx server?

Mine goes like this when I try to upload an image (works fine on localhost/development):

And the image isn’t uploaded to the webserver. File permissions are 755 across the board…

Thanks for any feedback