zoukankan      html  css  js  c++  java
  • vue----操作JWT

    vue登录获取token

    loginAuth() {
                    let params = {
    
                        login_name: this.ruleForm.username,
    
                        login_password: md5(this.ruleForm.password)
    
                    }
                    let that = this
                      //axios 请求后台接口
                    api.login(params).then(res => {
                        if (res.code == 0) {
                            that.MSG.success(res.msg)
                            that.loginSuccess(res)
                        } else {//result.state==1||reuslt.state==2
                            that.MSG.warning(res.msg)
                        }
    
                    })
    
                },
                //登陆成功
                loginSuccess(result) {
              //也可以用cookie存储 sessionStorage.setItem('token', result.token) this.$router.push({ path: '/index' }) } 登陆验证

    在main.js文件,在请求拦截方法中,为请求接口加入token

    需要注意的是token格式为:‘Bearer ’+token,token参数需要赋值给请求头的Authorization

    axios.interceptors.request.use(
    
        config => {
    
            //除登陆接口意外的接口都要加上token,才可以请求接口
    
            if (!config.url.endsWith('/api/login')) {
    
                if(sessionStorage.getItem('token')!=null){
    
                    const token='Bearer '+sessionStorage.getItem('token')
    
                    config.headers.common['Authorization']=token
    
                }        
    
            } 
    
            return config;
    
        },
    
        error => {
    
            return Promise.reject(error);
    
        }
    
    );
    
    axios请求头加token
    

      

  • 相关阅读:
    Apache Commons IO之FileUtils的常用方法
    Java之字节数组和字符串的转换问题
    Java之高级IO,Properties
    Java之IO流(字节流,字符流)
    Java之File与递归
    Java之线程池和Lambda表达式
    java之初学线程
    Java之初学异常
    Java之使用链表实现队列
    请求参数的绑定
  • 原文地址:https://www.cnblogs.com/yanxiaoge/p/14337529.html
Copyright © 2011-2022 走看看