我创建了一个身份验证服务(src/services/auth.js
),只有函数和属性..
export default {
login() { ... }
...
}
Inside login
功能,我需要重定向用户
router.go(redirect)
如何检索路由器实例?
Context
In my src/main.js
文件,我创建一个路由器..
import VueRouter from 'vue-router'
Vue.use(VueRouter)
import route from './routes'
const router = new VueRouter({
history: false,
linkActiveClass: 'active'
})
route(router)
const App = Vue.extend(require('./App.vue'))
In my src/routers.js
只是地图路线
export default function configRouter (router) {
router.map({ .. })
}
您应该导出router
实例,然后将其导入到auth.js
服务。
这是我的解决方法,并进行了一些改进:
src/routes.js
export default {
'/': {
component: {...}
},
'/about': {
component: {...}
},
...
}
src/router.js
import Vue from 'vue'
import VueRouter from 'vue-router'
import Routes from './routes'
Vue.use(VueRouter)
const router = new VueRouter({...})
router.map(Routes)
// export the router instance
export default router
src/main.js
import Router from './router'
import App from './app'
Router.start(App, '#app')
src/services/auth.js
import Router from '../router'
export default {
login () {
// redirect
Router.go('path')
}
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)