1.前端传数据
如果前端穿的json格式为{
{
}
}
后端会将其转换为linkedhashmap,======》将其添加泛型
2.ssl报错
3.vscode操作:
格式化:alt+shift+f
4.vue多环境开发
5.vue表格自动渲染
6.前端将字符变为数字
7.前端上传图片改为img
8.批量删除和表单验证,需要获取表单里面的内容,使用ref定义一个表单名
获取被选中的row的内容
9.
vue上传图片回显上传的name必须为img
二、登录认证授权图解
security主要负责登录,认证和授权,jwt就是一个令牌,保存用户的基本信息而已
三、前端vue实现登录认证
1.修改登录请求路径
2.导入登录方法
3.点击登录进行跳转
三步操作做完之后存在问题,没有token也可以进行访问,因为security暂时只使用token对用户登录进行校验,没有使用token对用户登录状态进行校验,只要登录进来了,即使删掉token都可以访问。因此需要进一步解决
4.后端开发对token校验的接口,之前开发的Basic Authentication Filter对token的校验只是针对登录验证,现在需要登录状态的验证
1)开发后端verify接口.将token放在请求头中,@RequestHeader
2.这个请求也需要被放行,不然都走不到这里,会被过滤器链拦截,需要在security配置类和Basic Authentication Filter实现类进行放行
3.配置全局的header请求头
4.在user.js中设置请求路径,向后端发送请求验证token是否有效
5.在permission.js中引入user路径
6在permission.js中进行令牌验证
7.让permission生效必须得放开登录验证
四、解决前端没有数据显示,存在跨域问题。
跨域问题可能存在的两种情况:
(1)后端没有这个请求路径,本应404,但是因为跨域请求数据,所以会出现跨域的问题
(2)前端发送的请求需要走过滤器,security存在跨域限制
解决security跨域问题:
五、图片上传会存在401的bug(未登录),原因是图片上传组件没有经过request.js中的请求拦截器
解决:在上传组件中设置请求头
六、解决自定义403页面,没有权限就会跳转到403
1.添加403页面
2.配置路由
3.this代表vue实例,在request.js中不能使用this.router,因为request.js没有vue实例,需要引入router
1)引入router
七、从上下文中获取用户信息
八、全局配置jackson,不用加jsonFormat注解
九、