If you are experiencing connection issues when trying to access your Medusa server from a storefront, it is most likely due to Cross-Origin Resource Sharing (CORS) issues.
You might see a log in your browser console, that looks like this:
medusa-config.js , you should ensure that you've configured your CORS settings correctly. By default, the Medusa starter runs on port
9000, Medusa Admin runs on port
7000, and the storefront starters run on port
The default configuration uses the following CORS settings:
// CORS when consuming Medusa from admin
const ADMIN_CORS = process.env.ADMIN_CORS ||
// CORS to avoid issues when consuming Medusa from a client
const STORE_CORS = process.env.STORE_CORS || "http://localhost:8000"
If you wish to run your storefront or Medusa admin on other ports, you should update the above settings accordingly.