• 前后端分离时,获取不到session


    在前后端分离的springboot项目中,进行图片验证时,第一次获取验证图片后,我将code值加密后存放到了session中,打算在下一个请求进行图片验证时直接从session中获取code值,然后进行对比。结果调试时,在第二步过程中获取的session一直为null。因此匹配结果一直false。当时后台代码如下:

    controller层

    @ApiOperation(value = "获取图片验证码", notes = "获取图片验证码")
        @RequestMapping(value = "/getCode",method = RequestMethod.GET)
        public void verfification(HttpServletRequest request, HttpServletResponse response, HttpSession session)throws IOException{
            // 设置响应的类型为图片格式
            response.setContentType("image/jpeg");
            // 禁止图片缓存
            response.setHeader("Pragma","no-cache");
            response.setHeader("Cache-Control","no-cache");
            response.setDateHeader("Expires",0);
            VerificationCode verificationCode = new VerificationCode();
            // 将验证码存入session
            session.setAttribute("verification", MD5.eccrypt(verificationCode.getCode().toLowerCase()));
            System.out.println(session.getId());
            verificationCode.write(response.getOutputStream());
        }
    
        @ApiOperation(value = "验证验证码是否正确", notes = "验证验证码是否正确")
        @ApiImplicitParam(name = "code",value = "图片验证码",required = true,dataType = "String")
        @RequestMapping(value = "/verification/{code}",method = RequestMethod.POST)
        public Response verfification(@PathVariable("code") String code,HttpSession session){
            System.out.println(session.getId());
            // 图片验证码
            if(!VerificationCode.isright(code.toLowerCase(),session)){
                return new Response("图片验证码错误!","图片验证码错误,请重新输入!");
            }
            return new Response(true,"图片验证码正确!","图片验证码成功!");
        }
    

     拦截器:

    @Configuration
    public class CorsFilterConfiguration {
    
        @Bean
        public FilterRegistrationBean corsFilter() {
            UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();
            CorsConfiguration config = new CorsConfiguration();
    // 允许跨域 config.setAllowCredentials(true);
    // 设置允许跨域的域名,如:http://localhost:9004 如果为*号,则表示允许所有的 config.addAllowedOrigin("*"); config.addAllowedHeader("*"); config.addAllowedMethod("*"); source.registerCorsConfiguration("/**", config); FilterRegistrationBean bean = new FilterRegistrationBean(new CorsFilter(source)); bean.setOrder(0); return bean; } }

    研究了大半个小时,才找到解决办法:后台代码没有问题,需要在前端代码每次发送请求时添加  axios.defaults.withCredentials = true 这段代码。

    此时在后台两次请求获取的sessionId完全相同,也就是同一个session

     

  • 相关阅读:
    二、项目和框架矩阵
    一、PowerDesigner概述(系统分析与建模)
    Visual Studio Code 常用插件整理
    IntelliJ IDEA 显示行号
    IntelliJ IDEA 常用快捷键
    MyEclipse中常用的快捷键
    使用Oracle数据库,对某个表频繁更新
    更改MyEclipse中的src目录的浏览方式
    nginx最大并发连接数的思考:worker_processes、worker_connections、worker_rlimit_nofile
    Nginx性能优化
  • 原文地址:https://www.cnblogs.com/zhlblogs/p/9341481.html
Copyright © 2020-2023  润新知