从我的服务访问路由器实例

2023-11-27

我创建了一个身份验证服务(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(使用前将#替换为@)

从我的服务访问路由器实例 的相关文章

随机推荐