Bloqueado por la política de cors No hay cabecera 'Access-Control-Allow-Origin' en el recurso solicitado
¡Hola! Necesitas un conjunto de reglas como este: En tu política de seguridad de servidor, con el origen configurado a la dirección que despliegues tu cliente Grapesjs, por defecto a localhost en el caso anterior.
Lee la respuesta completa abajo ↓Pregunta
Hola, estoy usando grapesjs con vuelt, no puedo cargar una página web usando la URL. Cargar: de uvapesjs estoy teniendo un problema de cors, soy bastante nuevo en el mundo de uvapesjs, por favor, ayudadme. Gracias de antemano.
Aquí está mi código
---------------------------------------------------------------------------------------------------------
importar uvas de 'uvas';
importar 'grapesjs/dist/css/grapes.min.css';
importar 'grapesjs-preset-newsletter/dist/grapesjs-preset-newsletter.css';
importar 'grapesjs-preset-webpage/dist/grapesjs-preset-webpage.min.css';
importa gjspresetnewsletter de 'grapesjs-preset-newsletter';
importar gjspresetwebpage desde 'grapesjs-preset-webpage';
exportar default {
data() {
return {
editor: null
}
},
Métodos: {
cambio() {
this.$emit('change', this.editor.getHtml());
},
},
montado() {
const LandingPage = {
componentes: nulo,
estilo: nulo,
};
this.editor = grapesjs.init({
contenedor: "#gjs",
lienzo: {
Estilos: [""],
},
fromElement: cierto,
componentes:'',
Estilo: '',
Plugins: [],
pluginsOpts: {
"gjs-preset-webpage": {}
},
storageManager: {
Tipo: 'A distancia',
pasosAntesDeguardar: 10,
urlStore: '',
urlLoad: 'https://grapesjs.com/docs/modules/Storage.html#setup-the-server',
params: {},
contentTypeJson: cierto,
cabeceras: {
'Tipo de contenido': 'aplicación/json'
},
json_encode:{
'componentes GJS': [],
'estilo GJS': [],
}
},
});
this.editor.load=(res => console.log('Load callback'));
}
}Respuestas (3)
¡Hola! Necesitas un conjunto de reglas como este:
"cors": {
"habilitado": cierto,
"origen": "http://localhost:3000",
En tu política de seguridad de servidor, con el origen configurado a la dirección que despliegues tu cliente Grapesjs, por defecto a localhost en el caso anterior.
y en tu configuración de storageManager cambia la entrada de parámetros así:
params:{
'Access-Control-Allow-Origin':'http://localhost:3000',
}
Salud.
y en tu configuración storageManager cambia la entrada params así:
parágrafos:{ 'Access-Control-Allow-Origin':'http://localhost:3000', }salud.
Hola, sigo teniendo el mismo problema. Aquí está mi código. He incluido todos los cambios que sugieres, por favor, dime dónde estoy fallando. montado() { const LandingPage = { componentes: nulo, estilo: nulo, }; this.editor = grapesjs.init({ contenedor: "#gjs", lienzo: { Estilos: [""], }, fromElement: cierto, componentes:'', Estilo: '', Plugins: [], pluginsOpts: { "gjs-preset-webpage": {} }, "cors":{ "habilitado": cierto, "origen": "http://laravel-vue-spa.test", }, storageManager: { Tipo: 'A distancia', pasosAntesDeguardar: 10, urlStore: '', urlLoad: 'https://grapesjs.com/docs/modules/Storage.html#setup-the-server', params:{ 'Access-Control-Allow-Origin':'http://laravel-vue-spa.test', }, contentTypeJson: cierto, cabeceras: { 'Tipo de contenido': 'aplicación/json' }, json_encode:{ 'componentes GJS': [], 'estilo GJS': [], } }, }); this.editor.load=(res => console.log('Load callback')); }
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #2092
¿Soy yo o es un bug?
Hola, estoy usando la versión 0.14.62 y tengo un problema con el TraitManager. He definido dos rasgos personalizados así: '''js Gestor de r...
Issue #2261
Carga un archivo HTML local en grapesjs
Hola, soy bastante nuevo en Grapejs y quiero cargar un archivo HTML local en la carpeta Assets del editor de Grapesjs, por favor dime cómo...
Issue #2257
[AYUDA] Respuesta desaparecida
Hola, Empecé una página web con GrapesJS desde cero. Me preguntaba por qué mis formularios y demás no responden como la demo de GrapesJS. P...
Issue #2439
¿Cómo instalar todo como en la demo con todos los plugins? [No es issue]
¡Hola a todos! Sé que mi pregunta es muy posiblemente absurda para la mayoría de los expertos aquí. Soy nuevo en la creación de páginas web...
Plugins de pago que cumplen con este problema
Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.
Cargando recomendaciones de plugins de pago...
Consulta los plugins de código abierto de GrapesJS en GitHub O haz una búsqueda rápida en nuestro catálogo gratuito.
Explora plugins gratuitos →Los plugins premium incluyen soporte, actualizaciones regulares y funciones listas para producción — ahorrando días de trabajo de integración.
Explora plugins premium →Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.