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,67532331




                1,67532331



























                     

                    draft saved


                    draft discarded















































                     


                    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

                    Top Tejano songwriter Luis Silva dead of heart attack at 64

                    ReactJS Fetched API data displays live - need Data displayed static

                    政党