用于 React、Axios 的 net::ERR_CONNECTION_REFUSED答案

【问题标题】：net::ERR_CONNECTION_REFUSED for React, Axios用于 React、Axios 的 net::ERR_CONNECTION_REFUSED
【发布时间】：2021-04-03 18:55:42
【问题描述】：

我正在尝试测试如何使用 Axios 将数据发送到 PHP 文件，但我一直遇到此错误。我已经尝试在网上查找答案，但我无法真正解析其中的大部分内容。 React 代码的基本大纲如下。

handleSubmit = (event) => {
        event.preventDefault();
        axios({
           method: 'post',
           url: 'http://localhost/my-app/src/api/test.php',
           data: {
                title: this.state.title,
                ...,
                data7: this.state.data7
            }
        });
        alert('Data submitted!')
}

并且我试图保持 PHP 代码同样基本。

<?php
$_POST = json_decode(file_get_contents("php://input"), true);
echo $_POST[title];
?>

问题是我需要在我的 PHP 文件中添加更多内容，还是我需要使用我的 React 代码进行设置以使本地主机可以被 PHP 接受？我已经尝试过禁用 chrome 的网络安全并使用 header('Access-Control-Allow-Origin: *');，但我就是不知道是什么导致了这个错误，我也不知道如何修复它。

【问题讨论】：

使用普通变量而不是 $_POST 来影响您的数据，使用 var_dump 而不是 echo
你有在 80 端口上运行的网络服务器吗？默认 http 端口为 80，如果您的网络服务器使用不同的端口（一定是因为您正在开发中）http://localhost:*PORTNUMBER*/*URI*
我将其更改为正确的端口号 (3000)，现在它给了我一个 404 错误，因为我没有正确的 URI。它的第一个目录应该是什么？ react app目录，src，api？

标签： php reactjs axios

【解决方案1】：

ERR_CONNECTION_REFUSED 实际上可能是几乎任何类型的“连接错误”的结果。尽管有这个名字，它确实不表示“远程主机认出了你，识别了你，然后‘拒绝’与你交谈。”

【讨论】：