interceptor结合springboot session和token等, 来验证用户是否登录

//让axios支持跨域访问和cookie
axios.defaults.withCredentials = true;

axios.interceptors.request.use(
  config => {
    // const token = getCookie('名称');注意使用的时候需要引入cookie方法,推荐js-cookie
    config.data = JSON.stringify(config.data);
    config.headers = {
      'Content-Type':'application/json;charset=UTF-8'
    }
    return config;
  },
  error => {
    return Promise.reject(error);
  }
);

//http response 拦截器
axios.interceptors.response.use(
  response => {
    return response;
  },
  error => {
    return Promise.reject(error)
  }
)

后端

//用户名和密码正确分支n
        if(userList!=null && userList.size()>0){
            //
            request.getSession().setAttribute("user", userList.get(0));
            request.getSession().setAttribute("userid", userList.get(0).getUserid());
            return "success";
        }else{
            //用户名或则密码错误分支
            return "error";
        }

还可以结合window.sessionStorage一起使用


张泽
5 声望1 粉丝