React代理错误：无法将请求/API/从localhost:3000代理到http：//localhost:8000(ECONNREFUSED)

Question

我有一个React前端，它使用jwt与Django后端进行身份验证。后端工作正常，使用django视图连接得很好，但是当我尝试代理React的请求时，它给我一个连接拒绝错误。

代理错误：无法将request/api/auth/token/acture/from localhost:3000代理到http：//localhost:8000(ECONNREFUSED)。

连接到http：//localhost:8000/api/auth/token/acture/正常工作。并且使用Axios发送POST请求也正常工作并返回令牌JSON。但当我用node代理它时，它就不工作了。

在我的package.json中，我有：

  "proxy": {
    "/api/*":  {
      "target": "http://localhost:8000"
    }
  },

编辑：公开回购。如果安装了docker，就可以轻松运行。（使用1个图像和2个容器）。克隆之后，只需运行docker-compose build，然后运行docker-compose up。

Edit2:请求的标头：

*General*
Request URL: http://localhost:3000/api/auth/token/obtain/
Request Method: POST
Status Code: 500 Internal Server Error
Remote Address: [::1]:3000
Referrer Policy: no-referrer-when-downgrade

*Response Headers*
HTTP/1.1 500 Internal Server Error
X-Powered-By: Express
Date: Mon, 30 Apr 2018 21:23:17 GMT
Connection: keep-alive
Transfer-Encoding: chunked

*Request Headers
POST /api/auth/token/obtain/ HTTP/1.1
Host: localhost:3000
Connection: keep-alive
Content-Length: 45
Pragma: no-cache
Cache-Control: no-cache
Origin: http://localhost:3000
User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/65.0.3325.181 Safari/537.36
Content-Type: application/json
Accept: */*
Referer: http://localhost:3000/login
Accept-Encoding: gzip, deflate, br
Accept-Language: en-US,en;q=0.9,fr;q=0.8,ja;q=0.7

Answer 1

因此，问题是由于Node dev环境和Django dev环境都运行在单独的docker容器中，因此localhost引用的是Node容器，而不是桥接网络。

因此，关键是使用容器链接，这是在使用docker-compose时自动创建的，并将其用作主机名。所以我改成了

"proxy": {
    "/api":  {
        "target": "http://django:8000"
    }
},

只要您使用相同的docker-compose命令启动这两个容器，否则您就必须在docker-compose.yml文件中手动指定external_links。