如何解决：net::ERR_CONNECTION_REFUSED when GET data to React？

如何解决如何解决：net::ERR_CONNECTION_REFUSED when GET data to React？

我正在尝试使用 axios 使这个 API 调用工作：

const getData = () => {
    Axios.get("http://localhost:3000/security?select=symbol,company",{headers: {Authorization: 'Bearer 73Ntx3b6SwNXC7ANV3tw4wFfDdKntB26',"Access-Control-Allow-Origin": "*",mode: "cors",}}
    ).then((response) => {
        console.log(response)
    })
}

我的本地 API 服务器已启动并正在运行，我可以使用 curl 发出请求并查看 JSON 数据。但是，当我在 React 应用程序中实现 GET 请求时，这些调用不起作用。

我有点想知道为什么我会收到这些错误：

Failed to load resource: net::ERR_CONNECTION_REFUSED
createError.js:16 Uncaught (in promise) Error: Network Error
    at createError (createError.js:16)
    at XMLHttpRequest.handleError (xhr.js:84)
createError @ createError.js:16
handleError @ xhr.js:84

某些东西阻止了 API 显示数据，我认为是 React。在我的堆栈中，与 localhost:3000 API 的这种连接仅在上面的代码中使用一次，它只是检索唯一数据...

关于如何解决的任何想法？

编辑：我添加了一张图片来显示端口已启动并且我的 API 已启动

编辑编辑：所以我在生产中测试了我的 API 以查看它是否是后端问题，我可以从真实的网址实时访问我的 API。没有问题。我想我修改了我的后端，以便让 API 请求与 React 配合使用，因为现在我得到的是 401 unauthorized Request 而不是我之前的错误。

这是我的 Nginx 后端的 api url 配置文件：

    location /data/ {
      default_type  application/json;
      proxy_hide_header Content-Location;
      add_header Content-Location  /data/$upstream_http_content_location;
      add_header Access-Control-Allow-Origin *;
      proxy_set_header  Connection "";
      proxy_http_version 1.1;
      proxy_pass http://localhost:3000/;
        }
}

我还为上面的 REACT get 请求添加了新代码。

解决方法

尝试设置 Axios baseURL: 'http://localhost:3000' 并添加选项 mode: "cors"

好吧，虽然不了解您的设置的更多信息，但我有一个使用代理设置的基本示例。

正在使用

axios
税务局
快速后端

https://github.com/ed42311/apiReactExample

它缺少身份验证部分。我可以在了解您如何设置后端的一些知识后继续使用它。

随意将其用作谈话要点。