CORS Allow origin

[Nicobas]

Hi!

My api I generate signed links for download/upload files. When I use these links from my front-end in Vue.js I get CORS errors telling me that the origin is not the right one. fake-gcs-server is running with docker on localhost:8001 and my front-end on localhost:1234. In the code of this project there seems to be an "Access-Control-Allow-Origin: *" rule but it doesn't work. How can I authorize my front end to acces to these ressources?

This is my docker compose config :

  storage:
    container_name: b4m-storage
    image: fsouza/fake-gcs-server:1.44
    volumes:
      - ./.tmp/storage_data:/storage
    ports:
      - "8081:8081"
    command: ["-scheme", "http", "-port", "8081", "-external-url", "http://localhost:8081", '-public-host', "localhost:8081"]

Thanks

[fsouza]

Hmm, that should work. Can you provide more details on the error you get from the frontend?

[psigen]

I am getting the same error in my frontend. Here is the full line from my browser:

Access to XMLHttpRequest at 'http://localhost:8000/my-files/uploads/287f2dc8-82fe-4c9f-9bc9-5679c6860dfc/ZmVhdHVyZXR5cGUuU1RM?X-Goog-Algorithm=GOOG4-RSA-SHA256&X-Goog-Credential=[...]&X-Goog-Date=20240103T042045Z&X-Goog-Expires=3600&X-Goog-SignedHeaders=host&X-Goog-Signature=[...]' from origin 'http://localhost:5173' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.

I am testing with the options:

["-external-url", "http://localhost:8000", "-public-host", "localhost:8000", "-scheme", "both"]