Okta Vue: Your Okta URL is missing

Questions
1

Hello, I am using Okta with OIDC for Vue, https://github.com/okta/okta-oidc-js/tree/master/packages/okta-vue. I have followed the instructions given both in that readme and in the Okta Documentation (both https://developer.okta.com/docs/guides/sign-into-spa/vue/before-you-begin/ and https://developer.okta.com/quickstart/#/vue/nodejs/express). However, I continue to get Uncaught Error: Your Okta URL is missing. You can copy your domain from the Okta Developer Console. Follow these instructions to find it: https://bit.ly/finding-okta-domain. The issue appears to be with my Vue OIDC configuration -

Vue.use(Auth, {
      issuer: 'https://mycompany.okta.com/oauth2/default',
      clientId: 'myclientid',
      redirectUri: REDIRECT_URI,
      scopes: ['openid', 'profile', 'email'],
      pkce: true,
})

But I don’t see anything wrong. My app has been registered on Okta as a single page app. Any ideas?

2

Hmmm, I’m not sure what the problem could be as your configuration looks correct. You could try comparing it to this tutorial we published recently. https://developer.okta.com/blog/2019/11/11/graphql-vue

Also, are you sure you have a developer account and not an IT Trial account?

3

Yes, it’s set up on my company’s Okta account.

4

You might try signing up for a free developer account and using that. https://developer.okta.com/signup

5

You know, I think I figured it out. My code actually was

Vue.use(Auth, VueRouter, {...

I tried changing it to

Vue.use(VueRouter)
Vue.use(Auth, {...

and it started working. Weird.
Thanks for the help!