vue-element-admin 是一个后台前端解决方案,它基于 vue 和 element-ui实现。它使用了最新的前端技术栈,内置了 i18 国际化解决方案,动态路由,权限验证,提炼了典型的业务模型,提供了丰富的功能组件,它可以帮助你快速搭建企业级中后台产品原型。
本项目的定位是后台集成方案,不太适合当基础模板来进行二次开发。因为本项目集成了很多你可能用不到的功能,会造成不少的代码冗余。如果你的项目不关注这方面的问题,也可以直接基于它进行二次开发。
- 集成方案: vue-element-admin
- 基础模板: vue-admin-template
- 桌面终端: electron-vue-admin
好了,下面进入主题:vue-element-admin 如何跳过登录直接访问主页面,全网搜索看了很多方案最终都没有完美解决。
既然是要实现跳过登录直接进入到主界面,那么反过来思考访问网站如何实现自动登录,思来 vue 生命周期函数 created() 完美实现。
找到 @/view/login/index.vue 页面,添加 created() 函数,只需要将handleLogin() 方法中的部分代码copy 放到created() 函数中。
data(){
return {
#给默认值
loginForm: {
username: 'admin',
password: '111111'
},
}
},
#添加created() 函数
created() {
this.$store.dispatch('user/login', this.loginForm)
.then(() => {
this.$router.push({ path: this.redirect || '/', query: this.otherQuery })
this.loading = false
})
.catch(() => {
this.loading = false
})
},