在React / Redux应用程序中隐藏API URL(代理)

伊利亚

我担心我的react / redux应用程序的安全性,因为我的api网址在捆绑的app.js文件中向公众公开。我一直在研究这个问题,一些开发人员以某种方式代理它,即代替使用我的api URL,我可以api/在每次使用axiossuperagent之类的库执行调用时使用它,并且可以代理到我的api URL,但是这种方式用户只能api/在他们的边。

我试图弄清楚这一点,我认为这是在express config中设置的吗?

0xRm

您有一个有效的顾虑。

通常,您需要让客户端代码调用/ api,然后以明示的方式(或使用的任何服务器)为“ / api”创建一条路由,以代理请求到实际api URL的请求。

这样,您可以掩盖来自客户端的任何敏感信息。例如身份验证令牌,API密钥等。

作为表达,您可以执行以下操作:

app.use('/api', (req, res) => {
  const method = req.method.toLowerCase();
  const headers = req.headers;
  const url = 'your_actual_api_url';

  // Proxy request
  const proxyRequest = req.pipe(
    request({
      url
      headers,
      method,
    })
  );

  const data = [];
  proxyRequest.on('data', (chunk) => {
    data.push(chunk);
  });

  proxyRequest.on('end', () => {
    const { response } = proxyRequest;
    const buf = Buffer.concat(data).toString();
    res.status(response.statusCode).send(buf);
  });
});

这个例子必须要复杂一些,但它可能对您有用。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

<Route>包含url参数时,React应用程序代理不起作用

来自分类Dev

CORS在React / Redux应用程序中执行API调用

来自分类Dev

你如何通过 react-redux 访问 URL 来确定用户在你的应用程序中的进度?

来自分类Dev

在另一个应用程序中调用一个 Django 应用程序 API URL 以使用 React.js 在前端显示

来自分类Dev

使用 Redux 和 React Router 在 React 应用程序中的浏览器中重新加载 url 导致存储状态未定义

来自分类Dev

React应用程序:使用Node / express作为中端代理服务器

来自分类Dev

在react-redux应用程序中显示来自reddit api的响应

来自分类Dev

在react-redux-promise应用程序中解析XML

来自分类Dev

来自React / Redux应用程序中组件的权限检查

来自分类Dev

react-redux应用程序中的状态对象结构

来自分类Dev

在react-redux-promise应用程序中解析XML

来自分类Dev

react-redux 应用程序中的重复操作

来自分类Dev

如何在代理后面找到应用程序的基本URL?

来自分类Dev

在Symfony2.8应用程序的URL中隐藏“ Web”

来自分类Dev

Shopify应用程序代理-如何在请求响应中包括我的资产文件| React / JS / Heroku

来自分类Dev

调试“react-redux”应用程序?

来自分类Dev

我的react-native应用程序无法在POST请求中向后端url发送正文

来自分类Dev

Url 和 img 变量不会在我的 React 应用程序中呈现

来自分类Dev

Heroku - React 应用程序在 fetch() 请求中调用 localhost 而不是我的 Express 后端的 Heroku URL

来自分类Dev

如何在反向代理中隐藏Web应用程序端口

来自分类Dev

使用 Redux-Observable 在 React-Redux-Firebase 应用程序中实现自动保存

来自分类Dev

react-admin:如果要在非redux应用程序中嵌入react-admin,是否需要在应用程序中安装redux?

来自分类Dev

在反向代理后运行Symfony应用的URL

来自分类Dev

js承诺中未捕获的错误在React / Redux应用程序中

来自分类Dev

无法从React应用程序获取API

来自分类Dev

代理端口,无需更改Apache中的URL

来自分类Dev

Lotusscript代理IBM Domino中的URL解码

来自分类Dev

如何在Nginx中重写或代理URL?

来自分类Dev

根据 Scrapy 中的 url 设置代理

Related 相关文章

  1. 1

    <Route>包含url参数时,React应用程序代理不起作用

  2. 2

    CORS在React / Redux应用程序中执行API调用

  3. 3

    你如何通过 react-redux 访问 URL 来确定用户在你的应用程序中的进度?

  4. 4

    在另一个应用程序中调用一个 Django 应用程序 API URL 以使用 React.js 在前端显示

  5. 5

    使用 Redux 和 React Router 在 React 应用程序中的浏览器中重新加载 url 导致存储状态未定义

  6. 6

    React应用程序:使用Node / express作为中端代理服务器

  7. 7

    在react-redux应用程序中显示来自reddit api的响应

  8. 8

    在react-redux-promise应用程序中解析XML

  9. 9

    来自React / Redux应用程序中组件的权限检查

  10. 10

    react-redux应用程序中的状态对象结构

  11. 11

    在react-redux-promise应用程序中解析XML

  12. 12

    react-redux 应用程序中的重复操作

  13. 13

    如何在代理后面找到应用程序的基本URL?

  14. 14

    在Symfony2.8应用程序的URL中隐藏“ Web”

  15. 15

    Shopify应用程序代理-如何在请求响应中包括我的资产文件| React / JS / Heroku

  16. 16

    调试“react-redux”应用程序?

  17. 17

    我的react-native应用程序无法在POST请求中向后端url发送正文

  18. 18

    Url 和 img 变量不会在我的 React 应用程序中呈现

  19. 19

    Heroku - React 应用程序在 fetch() 请求中调用 localhost 而不是我的 Express 后端的 Heroku URL

  20. 20

    如何在反向代理中隐藏Web应用程序端口

  21. 21

    使用 Redux-Observable 在 React-Redux-Firebase 应用程序中实现自动保存

  22. 22

    react-admin:如果要在非redux应用程序中嵌入react-admin,是否需要在应用程序中安装redux?

  23. 23

    在反向代理后运行Symfony应用的URL

  24. 24

    js承诺中未捕获的错误在React / Redux应用程序中

  25. 25

    无法从React应用程序获取API

  26. 26

    代理端口,无需更改Apache中的URL

  27. 27

    Lotusscript代理IBM Domino中的URL解码

  28. 28

    如何在Nginx中重写或代理URL?

  29. 29

    根据 Scrapy 中的 url 设置代理

热门标签

归档