如何在生产模式 angular 7 中隐藏环境文件数据

Question

我们使用 Angular 7 并在 Angular 环境文件中声明一些密钥变量（API Key，salt）用于加密/解密目的。 但问题是在 prod 环境（实时服务器）中编译后，通过查看 main.js 文件包可以看到环境文件。 我们的目标是从视图采购中隐藏 env 文件数据。

文件名 - environment.prod.ts

export const environment = {
  production: true,
  api: '',
  secratePhrase: '',
  key: '***********',
  salt: '******************',
  upload_url: '',
  frontend_url: '',
  recaptchasiteKey: '',
  siteTitle: '',
  jsonFileUrl: '',
  unauthorised_msg: '',
  map_embed_key: '',
  map_embed_zoom: **
};

请在这件事上帮助我们。

谢谢。

Answer 1

如果您正在使用密钥发出 api 请求，或者在 angular 应用程序中必须具有编码/解码密钥，则无法以任何方式隐藏它。

但是您可以做的是在后端创建一个 api 并将您的密钥存储在那里，您可以从您的 angular 应用程序中点击 api 端点，这样您就可以在服务器中隐藏密钥。 当然，您将在后端进行某种身份验证