Git Product home page Git Product logo

Comments (7)

lymanlai avatar lymanlai commented on September 25, 2024

@ohohco ya, I got this problem too, I think there we do not have the Vue.router stuff

https://github.com/websanova/vue-jwt-auth/blob/master/vue-jwt-auth.js#L329

my solution is

router.start(App, 'app', () => {
  Vue.router = router
  Vue.use(JwtAuth)
  console.log('=====done with load==== ' + new Date())
})

from vue-auth.

websanova avatar websanova commented on September 25, 2024

Yes, I think you can do:

Vue.router = new VueRouter();

Instead of

let router = new VueRouter();

I will have to look into a better way to do that I guess. Keep an eye out for a new version soon.

from vue-auth.

websanova avatar websanova commented on September 25, 2024

It's a bit tricky with the router since it's not always there on init.

I've created another option for instantiating the auth module. So it will check for Vue.router or you can optionally pass it in.

Vue.use(JwtAuth, {}, router);

or

Vue.use(require('vue-jwt-auth'), {}, router);

from vue-auth.

muei avatar muei commented on September 25, 2024

@websanova @lymanlai 's way is better. I follow your solution , and I update the vue-jwt-auth , now browser console logged:vue-jwt-auth.js?5662:247Uncaught ReferenceError: Vue is not definedcreated ...

from vue-auth.

websanova avatar websanova commented on September 25, 2024

If you are using the same example it's still not loading the router. Can I see the updates source of your code. Also can you copy and paste the line from the error for me, so I can see where it's happening exactly (it just shows 5662, not sure if that's from the compiled file).

from vue-auth.

muei avatar muei commented on September 25, 2024

This is my code :

import Vue from 'vue'
import VueRouter from 'vue-router'
import App from './App'

Vue.config.devtools = true

// config router
Vue.use(VueRouter)
const router = new VueRouter()
Vue.router = router
Vue.use(require('vue-jwt-auth'), {}, router)
router.map({
  '/admin': {
    auth: 'admin',
    component: require('./Admin')
  },
  '/login': {
    auth: false,
    component: require('./Login')
  }
})

router.start(App, 'app', () => {
  // Vue.use(require('vue-jwt-auth'))
  // Vue.router = router
  // Vue.use(require('vue-jwt-auth'), {}, router)
  console.log('=====done with load==== ' + new Date())
})

This is the errors:

vue-jwt-auth.js?5662:247 Uncaught ReferenceError: Vue is not defined  
     created @ vue-jwt-auth.js?5662:247  
     Vue._callHook @ vue.common.js?b6d4:8199  
     Vue._init @ vue.common.js?b6d4:2453  
     Vue._init @ vue-router.js?2e68:1756  
     Vue @ vue.common.js?b6d4:9474
     install @ vue-jwt-auth.js?5662:420
    Vue.use @ vue.common.js?b6d4:9966
   (anonymous function) @ main.js?3479:11
   (anonymous function) @ app.js:649
   __webpack_require__ @ app.js:556
    fn @ app.js:87
   (anonymous function) @ app.js:587
   __webpack_require__ @ app.js:556
   (anonymous function) @ app.js:579
   (anonymous function) @ app.js:582

from vue-auth.

websanova avatar websanova commented on September 25, 2024

Ok, found the issue, thanks for reporting. Try the latest again v0.6.1.

Note that the pack is dependent on both vue-router and vue-resource modules.

import VueResource from 'vue-resource'
Vue.use(VueResource);

Let me know if that works out for you.

from vue-auth.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.