Alokai•14mo ago

Cors Policy

Please, does anyone know how to configure the cors policy in vuestorefront?

9 Replies

rohrig•14mo ago

Hi @jeanpier92 👋 , here's an example

import { createServer } from "@vue-storefront/middleware";
import { integrations } from "./middleware.config.js";
import cors from "cors";
import consola from "consola";

(async () => {
  const CORS_MIDDLEWARE_NAME = "corsMiddleware";
  const app = await createServer({ integrations });

  const corsMiddleware = app._router.stack.find(
    (middleware) => middleware.name === CORS_MIDDLEWARE_NAME
  );

  corsMiddleware.handle = cors({
    origin: ["http://localhost:3000"],
    credentials: true,
  });

  const port = Number(process.argv[3]) || 8181;

  app.listen(port,  'localhost', () => {
    consola.success(`API server listening on http://localhost:${port}`);
  });
})();

import { createServer } from "@vue-storefront/middleware";
import { integrations } from "./middleware.config.js";
import cors from "cors";
import consola from "consola";

(async () => {
  const CORS_MIDDLEWARE_NAME = "corsMiddleware";
  const app = await createServer({ integrations });

  const corsMiddleware = app._router.stack.find(
    (middleware) => middleware.name === CORS_MIDDLEWARE_NAME
  );

  corsMiddleware.handle = cors({
    origin: ["http://localhost:3000"],
    credentials: true,
  });

  const port = Number(process.argv[3]) || 8181;

  app.listen(port,  'localhost', () => {
    consola.success(`API server listening on http://localhost:${port}`);
  });
})();

jeanpier92OP•14mo ago

hello! thanks for your answer! I took your example but I get the same result 😦

rohrig•14mo ago

I see you have magentotovue.test as your url. Did you also change this in the .env file?

rohrig•14mo ago

typically they are magento.test by default.

rohrig•14mo ago

So you'll need to change that as well.

jeanpier92OP•14mo ago

Actually what I want to do is the vuestorefront instance with multiple stores so I configured magentovue.test in nginx as a proxy where I redirect it to http://localhost:3000. Here I am racking my brain to configure this. Do you know how to do it so you can guide me please?

rohrig•14mo ago

I see. Did you try adding the magentotovue.test to the origin array?

jeanpier92OP•14mo ago

That's right my friend. I added it to the origin array

rohrig•14mo ago

Great 😄

Gaming

Programming

Cors Policy