javascript - 在 package.json 中更改代理不起作用

Question

我使用 create-react-app 创建了一个项目，这个项目运行在 http://localhost:3000/ 上

当我想向http://localhost:3090/发出请求时在我的应用程序中，我在我的 package.json 文件中设置代理，该文件不起作用

componentDidMount() {
     fetch('/api/si')
      .then(response => {
        console.log(response);
        return response.json();
      })
}

包.json

"proxy":"http://localhost:3090/api"

这里我预期的调用是 localhost:3090/api/si 但它指向 3000，这是我的客户端服务器。我尝试了多种组合都不起作用

---

Answer 1

尝试从中删除/api

"proxy":"http://localhost:3090/api"

或者试试

componentDidMount() {
 fetch('/si')
  .then(response => {
    console.log(response);
    return response.json();
  })

}

改变其中一个

如果是多个代理，你可以这样做:

"proxy": {
  "/auth/*": {
    "target": "http://localhost:5000"
  },
  "/api/*": {
    "target": "http://localhost:3090"
  }
}