错误反应代理错误：无法代理请求

Question

为什么我会收到此错误：

代理错误：无法将请求 /api/v1/management/me 从 localhost:3000 代理到 http://localhost:8080 (ECONNREFUSED)。

得到了这个 axios 设置：

axios.defaults.baseURL = "http://localhost:3000/";

并在 package.json 中设置它：

"proxy": "http://localhost:8080"

也尝试过：

"proxy": "http://localhost:8080/"

并进行以下调用：

axios({
  method: "get",
  url: "api/v1/management/me",
  data: {},
  headers: { crossDomain: true },
})

当我直接调用http://localhost:8080/api/v1/management/me 我收到了服务器的响应。

我有以下后端，蒸气路线设置。也许这里有问题/具体？

let protectedAPIRouter = authSessionRouter.grouped("api/v1").grouped(User.guardAuthMiddleware())
let managementAPIRouter = protectedAPIRouter.grouped("management")

Answer 1

我建议采用以下解决方案：

1. 尝试将 localhost 更改为 IP 地址："proxy": "http://your_IP_address:8080"
2. 也尝试以下构造：

"proxy": {
    "/api/*":  {
      "target": "http://localhost:8080",
      "secure": false
    }
  }

Answer 2

我解决了这个问题，通过客户端项目将 package.json 中的 localhost 更改为 127.0.0.1。

Answer 3

您需要为您想要访问的后端服务设置代理。

1. 首先安装（http-proxy-middleware）包。
2. 删除包 json 文件中代理后面的 ("proxy": "http://localhost:8080/") 或 Url。
3. 在 src 文件夹中创建一个文件 (setupProxy.js) 和以下代码。

const { createProxyMiddleware } = require('http-proxy-middleware');

module.exports = function(app) {
  app.use(
    '/api',
    createProxyMiddleware({
      target: 'http://localhost:8080',
      changeOrigin: true,
    })
  );
};