Access-Control-Allow-Origin 不允许来源 http://localhost:xxxx答案

【问题标题】：Origin http://localhost:xxxx is not allowed by Access-Control-Allow-OriginAccess-Control-Allow-Origin 不允许来源 http://localhost:xxxx
【发布时间】：2021-10-09 18:44:21
【问题描述】：

我正在尝试从存储在 000webhost 上的 mySQL DB 中获取一些数据，Ionic 向我显示了该错误消息：

我读到我需要启用 CORS 策略，但不明白我应该在哪里启用。那是 fetch_data.php 代码：

<?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));
?>

【问题讨论】：

标签： php http ionic-framework xmlhttprequest

【解决方案1】：

添加到 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');

【讨论】：