登录登出

Posted cnchengv

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了登录登出相关的知识,希望对你有一定的参考价值。

login.vue

if(response.data=="00"){

mymenu.vue

  <el-menu-item style="margin-left:150px" v-if="!this.$store.state.logined" index="6">登陆</el-menu-item>
                <el-menu-item  v-if="!this.$store.state.logined" index="7">注册</el-menu-item>

                 <el-submenu style="margin-left:100px" v-else index="5">
                    <template slot="title">
                          <i class="el-icon-menu"></i>
                          <span slot="title">我的账号</span>
                    </template>
            
                    <el-menu-item index="7-1">退出</el-menu-item>
                 </el-submenu>



          getLoginStatus(thisvue){
        var gvue=thisvue;
        this.$ajax({
            method: ‘get‘,
            url: ‘api/loginstatus?time=‘+new Date().getTime(),            
            /*
            data: {
              usrname: this.ruleForm2.usrname,
              pass: this.ruleForm2.pass
            }*/
         }).then(function (response) {
            console.log(response);
            if(response.data=="sessionon"){
              gvue.$store.state.logined=true;
              gvue.$store.state.identification=response.data.ret_msg.identification;
            }else{
              gvue.$store.state.logined=false;
            }
          })
          .catch(function (error) {
            console.log(error);
            gvue.$store.state.logined=false;
          });
      },
      
      
      
      
      
      sendLogout(){
        var gvue=this;
        this.$ajax({
            method: ‘get‘,
            url: ‘api/logout?time=‘+new Date().getTime(),            
     
         }).then(function (response) {
            console.log(response);
            gvue.getLoginStatus(gvue);
            
            //alert("haha");
          })
          .catch(function (error) {
            gvue.getLoginStatus(gvue);
            console.log(error);            
          });
      },

if(key=="7-1") this.sendLogout();

 

以上是关于登录登出的主要内容,如果未能解决你的问题,请参考以下文章

登出网站后图像未显示在登录视图中

绝对完全跨域统一单点登录登出

14.Vue技术栈开发实战登录登出以及JWT认证

spring cloud云架构 - SSO单点登录之OAuth2.0 登出流程

单点登录CAS使用记:单点登出单点注销

oracle通过触发器实现登录登出日志记录