reactjs - 如何将我的 API URL 代理到其他代理

Question

我在http://localhost:8081/post URL 上，我的 API 托管在一些“ http://dummy.restapiexample.com/api/v1 ”上。

我希望它出现在“/custom/create”之类的网络选项卡中。但是网络选项卡显示“ http://localhost:8081/custom/create ”，但不应在其中附加 localhost URL。它应该采用托管的 API URL。

我正在使用 CRA 样板。我不想用 express 来做同样的事情。

我尝试了以下代码

const proxy = require("http-proxy-middleware");

module.exports = function(app) {
    app.use(proxy("/custom",
    {target: "http://dummy.restapiexample.com/api/v1"}));
};

对于 API 调用，我使用以下格式：

fetch('/custom/create', {
    method: 'POST',
    headers: { 'Content-Type': 'application/json' },
    body: JSON.stringify(authData),
})

我不知道如何隐藏整个托管 API URL 并在网络选项卡中显示代理 URL。

请就此提出宝贵的建议。

我是代理中间件的新手。先感谢您 ：）

Answer 1

在你的 package.json 中包含你的 API 的 url 作为代理。

  "proxy": "http://dummy.restapiexample.com",