accessing heroku config var in my React app









up vote
0
down vote

favorite












I have defined a config var "BASE_URL" in my Heroku app and I'm trying to access it in my React app as



process.env.BASE_URL


but it gives me undefined when I console.log it as it seems to be not existing.
How can I access Heroku config vars in my React app?










share|improve this question

























    up vote
    0
    down vote

    favorite












    I have defined a config var "BASE_URL" in my Heroku app and I'm trying to access it in my React app as



    process.env.BASE_URL


    but it gives me undefined when I console.log it as it seems to be not existing.
    How can I access Heroku config vars in my React app?










    share|improve this question























      up vote
      0
      down vote

      favorite









      up vote
      0
      down vote

      favorite











      I have defined a config var "BASE_URL" in my Heroku app and I'm trying to access it in my React app as



      process.env.BASE_URL


      but it gives me undefined when I console.log it as it seems to be not existing.
      How can I access Heroku config vars in my React app?










      share|improve this question













      I have defined a config var "BASE_URL" in my Heroku app and I'm trying to access it in my React app as



      process.env.BASE_URL


      but it gives me undefined when I console.log it as it seems to be not existing.
      How can I access Heroku config vars in my React app?







      node.js reactjs heroku ecmascript-6 create-react-app






      share|improve this question













      share|improve this question











      share|improve this question




      share|improve this question










      asked Nov 10 at 17:42









      Gazzar

      1258




      1258






















          1 Answer
          1






          active

          oldest

          votes

















          up vote
          0
          down vote













          You have to use a module that loads environment variables. Then,



          require('dotenv').config()
          ...
          console.log(process.env.BASE_URL);


          Check this post, pretty useful.






          share|improve this answer






















            Your Answer






            StackExchange.ifUsing("editor", function ()
            StackExchange.using("externalEditor", function ()
            StackExchange.using("snippets", function ()
            StackExchange.snippets.init();
            );
            );
            , "code-snippets");

            StackExchange.ready(function()
            var channelOptions =
            tags: "".split(" "),
            id: "1"
            ;
            initTagRenderer("".split(" "), "".split(" "), channelOptions);

            StackExchange.using("externalEditor", function()
            // Have to fire editor after snippets, if snippets enabled
            if (StackExchange.settings.snippets.snippetsEnabled)
            StackExchange.using("snippets", function()
            createEditor();
            );

            else
            createEditor();

            );

            function createEditor()
            StackExchange.prepareEditor(
            heartbeatType: 'answer',
            convertImagesToLinks: true,
            noModals: true,
            showLowRepImageUploadWarning: true,
            reputationToPostImages: 10,
            bindNavPrevention: true,
            postfix: "",
            imageUploader:
            brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
            contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
            allowUrls: true
            ,
            onDemand: true,
            discardSelector: ".discard-answer"
            ,immediatelyShowMarkdownHelp:true
            );



            );













            draft saved

            draft discarded


















            StackExchange.ready(
            function ()
            StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53241703%2faccessing-heroku-config-var-in-my-react-app%23new-answer', 'question_page');

            );

            Post as a guest















            Required, but never shown

























            1 Answer
            1






            active

            oldest

            votes








            1 Answer
            1






            active

            oldest

            votes









            active

            oldest

            votes






            active

            oldest

            votes








            up vote
            0
            down vote













            You have to use a module that loads environment variables. Then,



            require('dotenv').config()
            ...
            console.log(process.env.BASE_URL);


            Check this post, pretty useful.






            share|improve this answer


























              up vote
              0
              down vote













              You have to use a module that loads environment variables. Then,



              require('dotenv').config()
              ...
              console.log(process.env.BASE_URL);


              Check this post, pretty useful.






              share|improve this answer
























                up vote
                0
                down vote










                up vote
                0
                down vote









                You have to use a module that loads environment variables. Then,



                require('dotenv').config()
                ...
                console.log(process.env.BASE_URL);


                Check this post, pretty useful.






                share|improve this answer














                You have to use a module that loads environment variables. Then,



                require('dotenv').config()
                ...
                console.log(process.env.BASE_URL);


                Check this post, pretty useful.







                share|improve this answer














                share|improve this answer



                share|improve this answer








                edited Nov 10 at 20:18

























                answered Nov 10 at 17:53









                Luillyfe

                1,73332331




                1,73332331



























                    draft saved

                    draft discarded
















































                    Thanks for contributing an answer to Stack Overflow!


                    • Please be sure to answer the question. Provide details and share your research!

                    But avoid


                    • Asking for help, clarification, or responding to other answers.

                    • Making statements based on opinion; back them up with references or personal experience.

                    To learn more, see our tips on writing great answers.





                    Some of your past answers have not been well-received, and you're in danger of being blocked from answering.


                    Please pay close attention to the following guidance:


                    • Please be sure to answer the question. Provide details and share your research!

                    But avoid


                    • Asking for help, clarification, or responding to other answers.

                    • Making statements based on opinion; back them up with references or personal experience.

                    To learn more, see our tips on writing great answers.




                    draft saved


                    draft discarded














                    StackExchange.ready(
                    function ()
                    StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53241703%2faccessing-heroku-config-var-in-my-react-app%23new-answer', 'question_page');

                    );

                    Post as a guest















                    Required, but never shown





















































                    Required, but never shown














                    Required, but never shown












                    Required, but never shown







                    Required, but never shown

































                    Required, but never shown














                    Required, but never shown












                    Required, but never shown







                    Required, but never shown







                    Popular posts from this blog

                    Use pre created SQLite database for Android project in kotlin

                    Darth Vader #20

                    Ondo