Intranet REST 服务器和 React Apps 之间的生产配置



伙计们,如果这是一个重复的问题,请原谅我:我想不出如何在搜索引擎中表达它。 我正在开发一组基于 Intranet 的应用程序,前端(单个应用程序(在 React 中,后端使用 node.js 和 Express。 我一直在使用Electron JS,但喜欢Express解决方案,因为内联网上的所有Web浏览器都可以使用这些应用程序。

不过,在生产方面,我遇到了一些循环依赖。 由于我的 REST 后端处理所有本地调用(如节点 fs(,因此我使用 REST 调用从前端加载和保存首选项文件。 但是,我希望能够从配置文件或设置中设置 REST URI。 由于我可以访问此设置的唯一方法是调用 REST 后端,所以我被困住了。 客户端可能想要更改服务器的主机 URL 和端口。 这将影响我拥有的每个 React 应用程序中对 REST 后端的所有 axios 调用。 与其调用 http://localhost:5000/api-call/我希望从配置中读取本地主机和端口号,不如调用。

我正在转译 React 应用程序并将它们存储在 REST 服务器下方的静态文件夹中。 我想避免一些复杂或额外的东西,如 REDIS 或其他本地数据库。 我的项目不需要任何繁重的数据库设置。

我只是在这里实现糟糕的架构吗? 我什至想到了 env 变量,但随后将在每个客户端的系统上设置它们,这首先剥夺了使用 Web 服务器的灵活性。 任何将我推向正确方向的想法将不胜感激!!

我知道如果我发布这个,我可能会找到答案。

我不确定这是一个多么优雅的解决方案,但我可以测试开发与生产的环境。 如果在生产中,我可以使用 window.href(主机和端口(来获取我需要的信息。 我认为这会奏效,但仍然很想从那些比我经验丰富得多的人那里听到一些其他想法!

最新更新