Javascript 如何在reactjs（Web前端）中隐藏硬编码的系统帐户用户名/密码，以便直接连接到Mongodb

在web应用程序中，通常web前端使用一些安全令牌调用后端api服务。使用该令牌，服务器端api服务可以毫无问题地对前端进行身份验证

然而，当我阅读《来自Microsoft Azure应用程序体系结构指南》时，从该图中可以看出，它建议从web前端到后端数据库服务器的直接数据库连接，假设它们是reactjs和mongodb

---

问题是，如果实现了这种连接，web前端如何隐藏mongodb服务器帐户的用户名/密码？假设web前端只有一个系统帐户可以连接到mongodb。

我假设您正在使用mongoose并创建某种用户模式，在这种情况下，您可以与该模式通信，而不显示密码，如下所示：

密码：{
类型：字符串，
选择：false，//将隐藏密码
必填：“需要密码”，
最小长度：6，
},

在这种情况下，我通常使用

.env

文件。

用户名/密码不是最终用户的帐户，而帐户属于web前端。在这种情况下，您需要创建一个新模型并将值反映到其中，省去密码字段