Tengo este código en codepen y funciona correctamente, sin embargo, si instalé este código en un sitio de wordpress como complemento, dice este error a continuación.
Acceso a XMLHttpRequest en 'https://vative.us15.list-manage.com/subscribe/post' (redireccionado desde 'http://vative.us15.list-manage.com/subscribe/post') desde el origen 'http ://localhost:8888' ha sido bloqueado por la política de CORS: la respuesta a la solicitud de verificación previa no pasa la verificación de control de acceso: no hay un encabezado 'Access-Control-Allow-Origin' en el recurso solicitado.
Mi codepen está aquí.
https://codepen.io/gegejosper/pen/powzGQJ?editors=1011
$.ajax({ type: "post", url: "https://vative.us15.list-manage.com/subscribe/post", dataType: "json", data: data_val, success: function(data) { $(".optin-form").hide(); $(".optin-success").show(); }, //expected to be error in result. error: function(data){ $(".optin-form").hide(); $(".optin-success").show(); } });¿Hay alguna manera de solucionar este problema? Por favor ayuda.
El servidor ( https://vative.us15.list-manage.com ) debe permitir las solicitudes de origen cruzado. A partir de ahora no está permitiendo esto. (La solución exacta dependerá del servidor de idioma que esté escrito)
Veo el mismo problema en codeopen: index.html:1 Se ha bloqueado el acceso a XMLHttpRequest en 'https://vative.us15.list-manage.com/subscribe/post' desde el origen 'https://cdpn.io' por política de CORS: no hay ningún encabezado 'Access-Control-Allow-Origin' en el recurso solicitado.
Desde el lado del servidor (su VPS) agregue el siguiente encabezado:
Access-Control-Allow-Origin: *
Nodejs
res.writeHead(200, {'Access-Control-Allow-Origin': '*'});PHP
header('Access-Control-Allow-Origin: *');También puede incluir en la lista blanca ciertos dominios como se muestra aquí :
Access-Control-Allow-Origin: https://codepen.io
Para obtener más información, consulte MDN