Javascript 为什么我在post请求中遇到502和CORS错误？

不知道为什么我在控制台中收到502和CORS错误，代码如下

我正在尝试使用React.js和PHP实现一个表单请求，将用户输入的电子邮件放入我的SQL数据库。但出于某种原因，我得到了上述错误

我做错了什么？如何纠正

我猜这与我的主机URL不正确有关，但我可能错了

下面是DB列的图像和我的错误

下面是

emails.php

：

<?php
$servername = "127.0.0.1";
$username   = "root";
$password   = "root";
$dbname     = "user";
// Create connection
$conn = new mysqli($servername, $username, $password, $dbname);
// Check connection
if ($conn->connect_error) {
    die("Connection failed: " . $conn->connect_error);
}
$sql = "INSERT INTO userlist (emails)
        VALUES ('".$_POST['myEmail']."')";
if (mysqli_query($conn,$sql)) {
    $data = array("data" => "You Data added successfully");
    echo json_encode($data);
} else {
    echo "Error: " . $sql . "<br>" . $conn->error;
}

?>

---

科尔斯。。。因为

http://localhost/emails.php

是端口80，而不是端口3000-因此是跨原点的。现在，错误502：是一个错误的网关响应-因此您的服务器上的某些配置不正确try@lehm.ro以前尝试过，但它不起作用。@JaromandaX我是否必须使用类似MAMP的东西来完成我要完成的任务？我记得我以前做过一个关于php和react.js的教程，其中没有使用MAMP，并且我能够成功地将使用信息存储到数据库中。这是否回答了您的问题？

export default class ProductList extends Component {
    constructor(props) {
        super(props);
        this.addFormData = this.addFormData.bind(this);
    }

    addFormData(evt) {
        evt.preventDefault();
        const fd = new FormData();
        fd.append('myEmail', this.refs.myEmail.value);
        var headers = {
            'Content-Type': 'application/json;charset=UTF-8',
            "Access-Control-Allow-Origin": "*"
        }
        axios.post("http://localhost/emails.php", fd, headers
        ).then(res=>
            {
                alert(res.data.data);
            }
        );

    }

    render() {
        return (      
            <form>
                <div className="form-group">
                    <input type="email" className="form-control" id="Email" aria-describedby="emailHelp" placeholder="Enter email" ref="myEmail" />
                </div>
                <button type="submit" className="btn btn-primary" onClick={this.addFormData}>Submit</button>
            </form>
        </div>
        );
    }
}

POST http://localhost/emails.php 502 (Bad Gateway)
Access to XMLHttpRequest at 'http://localhost/emails.php' from origin 
'http://localhost:3000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' 
header is present on the requested resource.
createError.js:17 Uncaught (in promise) Error: Network Error
at createError (createError.js:17)
at XMLHttpRequest.handleError (xhr.js:83)