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/