Javascript 在本地插件(Strapi)中使用.env

Javascript 在本地插件(Strapi)中使用.env,javascript,node.js,reactjs,strapi,Javascript,Node.js,Reactjs,Strapi,我开发了一个变量,但无法检索项目根目录下.env文件中定义的变量。我尝试在React组件中加载这个值(plugins/myPluginName/admin/src/containers/HomePage/index.js) 我尝试像这样使用全局流程模块: process.env.my_variable 但它返回未定义的 有什么想法吗?谢谢@sunnyson,我找到了解决方案。默认情况下.env变量不会传递到客户端。你需要这样做 为此: 在项目的根目录下创建一个文件夹/admin,然后创建一个a

我开发了一个变量,但无法检索项目根目录下.env文件中定义的变量。我尝试在React组件中加载这个值(
plugins/myPluginName/admin/src/containers/HomePage/index.js

我尝试像这样使用全局流程模块:

process.env.my_variable
但它返回未定义的

有什么想法吗?

谢谢@sunnyson,我找到了解决方案。默认情况下.env变量不会传递到客户端。你需要这样做

为此:

  • 在项目的根目录下创建一个文件夹
    /admin
    ,然后创建一个
    admin.config.js
  • 在react组件中,您可以使用如下环境变量:
  • module.exports = {
      webpack: (config, webpack) => {
        // Add your variable using the DefinePlugin function
        config.plugins.push(
          new webpack.DefinePlugin({
            // ENVS that you want to use in frontend
            CUSTOM_VARIABLES: {
              variable1: JSON.stringify(process.env.variable1),
            },
          })
        );
        // Return the modified config
        return config;
      },
    };
    
    class HomePage extends React.Component {
    
     constructor(props) {
       this.state = {
       env: { CUSTOM_VARIABLES }
       }
    
      logEnv() {
      console.log(this.state.env.variable1)
      }
    
    }