title: Trying to configure Okta from config.js in a Vue app, in typescript
body: <p>I'm trying to get our vue + okta app to work pulling the okta values from a congif.json in the public folder (so we can build and deploy automatically to various environments)</p>
  <p>I'm following this pattern for the config.</p>
  <p><a href="https://stackoverflow.com/questions/60114173/vue-js-with-an-external-configuration-file">Vue js with an external configuration file</a></p>
  <p>Does Okta  have an example of using okta with a config.json in the public folder to hold the values(in typescript by preference)?</p>
  <p>I'm doing this, but it's not working, is</p>
  <p>in main.ts</p>
  <pre><code>      const sPath = `${process.env.BASE_URL} ${&quot;config.json&quot;}`;
  //      fetch(process.env.BASE_URL + &quot;config.json&quot;)
        fetch(sPath)
          .then((response) =&gt; response.json())
          .then((config) =&gt;
          {
              Vue.prototype.$config = config;
              new Vue({
                  router,
                  store,
                  render: (h) =&gt; h(App)
              }).$mount(&quot;#app&quot;);
          })
  </code></pre>
  <p>Then in router\index.ts</p>
  <pre><code>const confObj = Vue.prototype.$config;// confObj is undefiend here - EWB
  
  //Vue.use( Auth,
  //    {
  //        confObj,
         
  //    } );
  debugger;
  Vue.use( Auth,
      {
          issuer: confObj.issuer,
          client_id: confObj.client_id,
          redirect_uri: confObj.redirect_uri,
          scopes: [ 'openid', 'profile', 'email' ],
          tokenManager: { storage: 'sessionStorage' },
      } );
  
  
  Vue.use(VueRouter)
  </code></pre>
  <p>When I get to it , configObj is still undefined.</p>