headers - cors javascript

Obtener solicitud no pasa la verificación de control de acceso: no hay encabezado ''Access-Control-Allow-Origin'' presente en el recurso solicitado

Question

Estoy intentando enviar una solicitud Ajax a un servidor Tomcat desde mi aplicación, pero recibo este error (mi aplicación web se ejecuta en Chrome):

La respuesta a la solicitud de verificación previa no pasa la verificación de control de acceso: no hay encabezado ''Access-Control-Allow-Origin'' en el recurso solicitado. Por lo tanto, el origen ''nulo'' no tiene acceso permitido. La respuesta tenía el código de estado HTTP 403.

He intentado usar

''Access-Control-Allow-Origin'' : ''http://localhost:8080/app'',

Pero no funcionó.

Mi código Ajax:

 var arr = [1];
$.ajax({
url: ''http://localhost:8080/app'',
type: ''POST'',
contentType:''application/json'',
headers: {
''Access-Control-Allow-Origin'' : ''http://localhost:8080'',
},
data: JSON.stringify(arr[0]),
success: function(data){
//On ajax success do this
alert(data);
}
});

Answer 1

Básicamente, para realizar solicitudes AJAX de dominio cruzado, el servidor solicitado debe permitir el intercambio de recursos de origen cruzado (CORS). Puede leer más sobre eso desde aquí: http://www.html5rocks.com/en/tutorials/cors/

En su escenario, está configurando los encabezados en el cliente que de hecho deben configurarse en http://localhost:8080/app código del lado del servidor de http://localhost:8080/app .

Si está utilizando el servidor PHP Apache, deberá agregar lo siguiente en su archivo .htaccess :

Header set Access-Control-Allow-Origin "*"

Answer 2

En caso de solicitud de un servicio REST:

Debe permitir el CORS (intercambio de recursos de origen cruzado) en el punto final de su Servicio REST con anotación Spring:

@CrossOrigin(origins = "http://localhost:8080")

Muy buen tutorial: https://spring.io/guides/gs/rest-service-cors/