javascript - Retrieve env variables in Strapi plugin - Stack Overflow

admin管理员组

文章数量:1429998

I develop a Strapi local plugin but I'm unable to retrieve variable defined in my .env file at the root of my project. I try to load this value in my React ponent (plugins/myPluginName/admin/src/containers/HomePage/index.js).

I try with the global process module like that :

process.env.my_variable

But it returns undefined

Any ideas ?

I develop a Strapi local plugin but I'm unable to retrieve variable defined in my .env file at the root of my project. I try to load this value in my React ponent (plugins/myPluginName/admin/src/containers/HomePage/index.js).

I try with the global process module like that :

process.env.my_variable

But it returns undefined

Any ideas ?

• javascript
• node.js
• reactjs
• strapi

Share Improve this question Follow edited May 4, 2022 at 8:55 Thibault Walterspieler asked Nov 8, 2020 at 16:49 Thibault WalterspielerThibault Walterspieler 2,42222 gold badges1717 silver badges2727 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 5

Apparently, the admin panel now supports dotenv variables.

Just prefix your .env variable with STRAPI_ADMIN_ and it'll be available using process.env.

For example, STRAPI_ADMIN_KEY in .env is available as process.env.STRAPI_ADMIN_KEY

Thanks @sunnyson on the strapi forum I found a solution. By default .env variables are not passed to the client-side. You need to customize webpack config.

To do so :

1. Create a folder /admin at the root of your project then create a admin.config.js.

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;
  },
};

2. In your react ponent you can use your env variables like that :

class HomePage extends React.Component {

 constructor(props) {
   this.state = {
   env: { CUSTOM_VARIABLES }
   }

  logEnv() {
  console.log(this.state.env.variable1)
  }

}

本文标签： javascriptRetrieve env variables in Strapi pluginStack Overflow