http-headers - headers - access-control-allow-origin javascript

La solicitud no pasa la verificación de control de acceso: No ''Access-Control-Allow-Origin''

Question

Solo estoy tratando de usar mocky.io de mi http://localhost:8080

Pero obteniendo este error:

XMLHttpRequest no puede cargar http://www.mocky.io/v2/5715f13a1100004d1187d9e1 . La respuesta a la solicitud de verificación previa no pasa la comprobación de control de acceso: No hay encabezado ''Access-Control-Allow-Origin'' presente en el recurso solicitado. El origen '' http: // localhost: 8080 '' no está, por lo tanto, permitido.

Mi solicitud se ve así:

let headers = new Headers();
  headers.append(''Content-Type'', ''application/json'');
  headers.append(''Access-Control-Allow-Origin'', ''*'');
  this.people = http.get(''http://www.mocky.io/v2/5715f13a1100004d1187d9e1'', { headers: headers })
    .map(response => response.json());

Answer 1

Parece que estás intentando acceder a otro dominio. Tal vez agregar esto en el web.config?

<httpProtocol> <customHeaders> <add name="Access-Control-Allow-Origin" value="http://localhost" />   </customHeaders> </httpProtocol>

Answer 2

En realidad, debe configurar el encabezado Access-Control-Allow-Origin en mocky.io. Simplemente haga clic en "Cambiar al modo avanzado" y verá una entrada de "encabezados personalizados". Agregue Access-Control-Allow-Origin y ponga * como su valor. A continuación, crea tu url mocky.io. Debería funcionar ahora.