Alokai•17mo ago

Cors Policy

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

9 Replies

rohrig•17mo 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•17mo ago

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

rohrig•17mo ago

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

rohrig•17mo ago

typically they are magento.test by default.

rohrig•17mo ago

So you'll need to change that as well.

jeanpier92OP•17mo 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•17mo ago

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

jeanpier92OP•17mo ago

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

rohrig•17mo ago

Great 😄

Gaming

Programming

Cors Policy

Did you find this page helpful?