如何在生產模式 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 端點，這樣您就可以在服務器中隱藏密鑰。 當然，您將在后端進行某種身份驗證