@ControllerpublicclassLoginController{@CrossOrigin@PostMapping(value = "/vue-admin-template/user/login")@ResponseBodypublicMaplogin(){ HashMap<String, Object> response =newHashMap<>(); HashMap<String, Object> responseData =newHashMap<>(); responseData.put("token",1); response.put("code",200...
import{ getToken } from'@/utils/auth'//从cookie获取token的方法 importgetPageTitle from'@/utils/get-page-title' NProgress.configure({ showSpinner:true})// 每个页面头部进度条配置 const whiteList = ['/login']// 不需要token的白名单 router.beforeEach(async (to, from, next) => { NProgress....
role: 'admin' }; // 生成 Token,设置过期时间为8小时 const token = jwt.sign({ id: user.id, role: user.role }, process.env.SECRET_KEY, { expiresIn: process.env.TOKEN_EXPIRE +'h' }); // 将 Token返回给客户端 const data = { token, user } res.json({code:20000, msg:'success',...
将接口改成自己的就可以实现,然后记住修改全局的配置,需要重启前端项目。 总得来说,将登录接口改成自己的需要完成,两个接口,一个是登录接口获取token,第二个根据第一个接口获取到的token,从而获取用户信息,最后就是修改自己请求接口配置了。记住,接口数据由哪些组成,不懂的可以参照mockjs里面user.js部分。 以上是本...
(qs.stringify({Account:userInfo.username,PassWord:m_psw})).then(response=>{const{data}=response//console.log(data)if(data.MsgSuccessed){vartoken=data.MsgContentcommit('SET_TOKEN',token)setToken(token)resolve()}else{reject(data.MsgDes)}}).catch(error=>{//console.log(error)reject(error)})...
// 确定用户是否已登录consthasToken=getToken();lettoken=sessionStorage.getItem("token");if(token){if(to.path==="/login"){// 如果已登录,请重定向到主页next({path:"/"});NProgress.done();}else{consthasGetUserInfo=store.getters.name;if(hasGetUserInfo){next();}else{try{// 获取用户信息...
1:https://github.com/PanJiaChen/vue-admin-template.git xx //xx 是将代码拉取放在xx的文件夹下 2:然后在pakage.json里面将core-js: 版本改为:3.25.5 3:然后安装依赖,后运行 vue2的node环境:16.18.0 npm i vue@2.7.0 npm i vue-template-compiler@2.7.0 更新这两个,就可以支持?可选链。
上一篇了完成了项目初始化,但是那个只是把 vue-admin-template 模版简单的初始化了一下,新增了tagsview标签快捷导航栏,其他的没什么变化。 这一篇了就完成了和后端的Jwt token认证,登录,退出,基本的table list接口数据请求。首先看看效果。 其实看起来和第一篇的初始化效果差不多,唯一的区别是,第一篇初始化接口还...
"token": "exampleToken", "user": { "id": 1, "name": "Example User", "roles": ["admin"] } } 二、在前端配置登录表单 在Vue Admin的前端项目中,需要创建一个登录页面,这里通常使用一个表单来获取用户的输入。下面是一个简单的Vue.js登录表单示例: ...
这里也很简单,表单对用户名和密码做校验,校验通过,然后去请求 login 接口。请求成功,保存 token。跳转到路由。如果redirect存在,就跳转到redirect,否则跳转到首页。 获取用户信息 用户登录成功之后,会在全局钩子router.beforeEach中拦截路由,判断是否已获得 token,在获得 token 之后我们就要去获取用户的基本信息了。我们在...