Utilice la API de administración desde el Frontend (comercio sin cabeza) para obtener productos de Shopify.

Desde mi frontend, estoy intentando obtener productos con la API de administración (GraphQL) de Shopify con el siguiente código:

*Utilicé “axios” en el Quasar Framework y esto es un Headless Commerce.

const response = await this.$axios({
  url: "https://healthy-food.myshopify.com/admin/api/2022-01/graphql.json",
  method: 'POST',
  headers: {
    "X-Shopify-Access-Token": "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"
  },
  data: { 
    "query": `
      { 
        products(first: 5) {
          edges {
            node {
              id
              title
            }
          }
        }
      }
    `
  }
});
console.log(response.data);

Pero obtengo el siguiente error:

La solicitud de acceso a XMLHttpRequest a ‘https://healthy-food.myshopify.com/admin/api/2022-01/graphql.json’ desde el origen ‘http://localhost:8080’ ha sido bloqueada por la política del mismo origen: la respuesta a la solicitud de prefactibilidad no supera la comprobación de control de acceso: El encabezado ‘Access-Control-Allow-Origin’ no está presente en el recurso solicitado.

A continuación, agregué el encabezado Access-Control-Allow-Origin: * yContent-Type: application/json, como se muestra a continuación:

const response = await this.$axios({
  url: "https://healthy-food.myshopify.com/admin/api/2022-01/graphql.json",
  method: 'POST',
  headers: {
    "X-Shopify-Access-Token": "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",
    "Access-Control-Allow-Origin" : "*", // Aquí
    "Content-Type": "application/json" // Aquí
  },
  data: { 
    "query": `
      { 
        products(first: 5) {
          edges {
            node {
              id
              title
            }
          }
        }
      }
    `
  }
});
console.log(response.data);

Pero sigo obteniendo el mismo error:

La solicitud de acceso a XMLHttpRequest a ‘https://healthy-food.myshopify.com/admin/api/2022-01/graphql.json’ desde el origen ‘http://localhost:8080’ ha sido bloqueada por la política del mismo origen: la respuesta a la solicitud de prefactibilidad no supera la comprobación de control de acceso: El encabezado ‘Access-Control-Allow-Origin’ no está presente en el recurso solicitado.

¿Hay alguna forma de solucionar este error?