Origin http://localhost:xxxx is not allowed by Access-Control-Allow-Origin

Issue

I’m trying to fetch some data from my mySQL DB stored on 000webhost, and Ionic show me that error message:

enter image description here

I’ve read that I need to enable CORS policy, but don’t understand on where I should. That’s the fetch_data.php code:

<?php
require 'config.php';

$query  "SELECT lat, lng FROM gps WHERE id  (SELECT MAX(ID) FROM gps)";

$result  mysqli_query($con, $query);

if($result  FALSE) { 
    printf("Error: %s\n", mysqli_error($con));
}  

$response  array();

while($row  mysqli_fetch_array($result)){
    array_push($response, array(“lat”>$row[0],“lng”>$row[1]));
}

echo json_encode(array($response));
?>

Solution

add to index.php

header('Access-Control-Allow-Origin: *');
header('Access-Control-Allow-Methods: POST, GET, PUT, OPTIONS, PATCH, DELETE');
header('Access-Control-Allow-Credentials: true');
header('Access-Control-Allow-Headers: Authorization, Content-Type, x-xsrf-token, x_csrftoken, Cache-Control, X-Requested-With');

Answered By – Behzad HosseinPoor

Leave a Comment