如何在React JS应用程序中确保security_access_key的安全? [英] how to secure security_access_key in react js application?

问题描述

由于安全原因，我不想直接在应用程序中导入security_access_key.

I don't want to directly import security_access_key in my application due to security reason.

我尝试访问如下所示的环境变量

I tried accessing environment variable like below

步骤1:

在.env文件中添加了security_access_key

added security_access_key to .env file

 security_access_key=abc123

第2步:

在App.js中访问

console.log(process.env.security_access_key)

但是获得价值是不确定的.

But getting value undefined.

建议任何解决方案，如果有人知道的话.

Suggest any solution if anyone knows.

预先感谢

推荐答案

• 如果您正在使用create react app，然后通过添加REACT_APP_params使用TRomesh推荐的解决方案，这是create react app 如果您使用的是Webpack，则可以使用DefinePlugin访问该参数

  if you are using Webpack then you can use DefinePlugin to access that params

  //webpack.config.js 新的webpack.DefinePlugin({ 'process.env.security_access_key':JSON.stringify(process.env.security_access_key)， })

  //webpack.config.js new webpack.DefinePlugin({ 'process.env.security_access_key': JSON.stringify(process.env.security_access_key), }),

  然后您可以从React应用访问process.env.security_access_key

  then you can access process.env.security_access_key from your react app

  这篇关于如何在React JS应用程序中确保security_access_key的安全?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！