前端通过调用后端api进行登录，为啥按登录按钮没用？

点击联系发帖人 时间：2022-05-07 05:13

javaweb前后端交互

大概流程介绍：用户通过链接进入应用内的某个页面，如果是允许匿名访问的页面则直接通过，否则会进行验证用户是否登录并是否具有相应权限。有则放行，没有则跳转至登录页面或者显示没有权限访问页面。

后端对每次的请求都会验证header中附带的token信息，比对是否具有权限及是否登录过期。通过验证则放行，不通过则反馈错误信息。

因为涉及到路由，所以首先，需要使用vue-router（第一节中已经选择安装）。

3、在pages下新建Login.vue，此文件负责显示用户名、密码输入框、验证码以及登录按钮。忘记密码链接、快捷登录以及版权信息等在后期有时间再加入。参考

//TODO:后期添加前端权限验证 //TODO:后期添加前端权限验证

由于登录页面需要验证码，在文件中增加了captcha相关内容

增加了获取验证码功能，gin-vue-admin中有/jwt/jsonInBlacklist，也是起到消灭token的作用，但是是将想取消的token加入到数据库黑名单中，我认为效果不好。没有logoutAPI，所以这个页面的logout没有安排。

//TODO:后端API路径。后期修改其值，使其支持https //TODO:后期增加前端访问权限页面级粒度细分

每次请求前将header中附加token，用于后面验证。暂时取消前端权限验证（后端有casbin）

完成前端向后台的数据传递，验证没问题后，导向该角色的默认路由

}

接口返回啥错也不说，让人怎么给你看呢，提问题要把现象描述清楚。

}