vue-authenticate ошибка создания библиотеки в Vue.js

Question

Я полностью застрял и уверен, что это не так сложно, как я это делаю.

Я использую библиотеку vue-authenticate для входа в Instagram.

Внутри моего main.js У меня есть:

Vue.use(VueAuthenticate, {
  baseUrl: 'http://localhost:3000', // Your API domain
  providers: {
    instagram: {
      clientId: '******',
      redirectUri: 'http://localhost:8080/auth' // Your client app URL
    }
  }
})

Внутри store.js У меня есть:

import VueAxios from 'vue-axios'
import { VueAuthenticate } from 'vue-authenticate'
import axios from 'axios'

Vue.use(Vuex)
Vue.use(VueAxios, axios)

const vueAuth = new VueAuthenticate(Vue.prototype.$http, {
  baseUrl: 'http://localhost:3000'
})

И это мой компонент:

<template>
  <div class="index columns">
    <button @click="authenticate('instagram')">Login with Instagram</button>
  </div>
</template>

<script>    
export default {
  name: 'Index',
  methods: {
    authenticate (provider) {
      this.$auth.authenticate(provider)
      .then((response) => {
        console.log(response)
      })
      .catch((error) => {
        console.log(error)
      })
    }
  }
}
</script>

Когда вы нажимаете кнопку, вы переходите в Instagram и аутентифицируете вас.Он попадает в мою конечную точку Rails API, которую я вижу на сервере.

Однако, когда он перенаправляет обратно в мое приложение Vue.js, я просто получаю ошибку Error: Authentication failed at eval.

Я озадачен тем, в чем проблема.Кто-нибудь сталкивался с этой проблемой или вы видите проблему с моей настройкой?