Comments (7)
@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.
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.
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.
@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.
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.
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.
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)
- Built in cookie store broken in latest version? HOT 4
- Vue 3 Typescript not working, types missing HOT 1
- Integrate vue-auth with Keycloak HOT 1
- [Question] Authenticating users from external apps HOT 2
- How to set token expiration as refreshData interval HOT 1
- Vue3 Demo - Could not resolve dependency vue@"^3.2.0" from [email protected] HOT 2
- Handling MFA HOT 1
- Support pinia for vue 3 HOT 8
- How to extend Auth using v3 createAuth HOT 4
- This package is not working on VUE 3 + Vite
- token doesn't persist, suggested behavior vs Oauth 2.0 RFC spec? HOT 2
- Vue-Auth and Pinia HOT 10
- Vue 3 rolesKey option not supporting dot notation HOT 3
- redirect to page if i get 503 error HOT 2
- Storing multiple user credentials HOT 1
- Handling multiple roles from different keys HOT 2
- Redirect : Erreur 401 on apache server and not a local wamp HOT 4
- Package not working with Vue.js 3.3 and Vite HOT 1
- Missing Typescript definition for named route params
- Logout request executes after auth reset
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from vue-auth.