退出功能实现

news/2024/7/10 1:23:02 标签: vue, jwt, session, javascript

因为我们是基于token实现登录,后续的请求没有携带token就会强制跳转到登录页面,所以实现退出功能,只需销毁本地存储的token即可
将components下的Home.vue修改为:

javascript"><template>
  <div>
    <el-button type="info" @click="logout">退出</el-button>
  </div>
</template>

<script>
  export default {
    methods:{
      logout(){
      //清空token
        window.sessionStorage.clear()
        //跳转到登录页
        this.$router.push('/login');
      }
    }
  }
</script>

<style lang="less" scoped>

</style>

http://www.niftyadmin.cn/n/1799040.html

相关文章

netbeans增加yii的代码提示

在NetBeans中创建PHP项目 NetBeans目前还没有直接支持Yii Framework或Yii相关的插件&#xff0c;但是可以通过其他方式来实现Yii的代码自动提示。 首先&#xff0c;打开新建项目向导&#xff0c;创建一个“基于现有源代码的PHP应用程序”。 在向导中把源文件夹指向已创建好的yi…

axios拦截器使用

main.js中axios部分加入&#xff1a; // 请求拦截器 axios.interceptors.request.use(config >{console.log(config)/*为请求头对象添加Token验证的Authorization对象&#xff0c;就不用每次都在要传送的字段上加token了*/config.headers.Authorizationwindow.sessionStora…

获取左侧菜单

自己原本制作的接口可能不太适合此练手项目&#xff0c;将api地址替换掉 接口地址&#xff1a;https://www.liulongbin.top:8888/api/private/v1/ main.js修改 //配置axios全局使用 import axios from axios axios.defaults.baseURLhttps://www.liulongbin.top:8888/api/priva…

新学C#线程使用总结

这两天在项目上需要使用多线程技术&#xff0c;研究了半天&#xff0c;碰到了一些问题&#xff0c;现在简要总结下。 线程的使用其实很简单&#xff0c;和JAVA里面差不多&#xff0c;但是还是有很多特别的地方&#xff0c;在C#中的线程&#xff0c;如果要对非线程创建的控件进行…

侧边栏展开/折叠

Home.vue中el-menu前增加 <!--页面主体区域--><el-container><!--侧边栏--><!--侧边栏折叠与展开--><el-aside :width"isCollapse ? 64px : 200px"><!--点击折叠/展开--><div class"toggle-button" click"to…

Hyper-V故障转移群集

Hyper-V故障转移群集配置完成后&#xff0c;在故障转移群集管理器中新建虚机&#xff1a;角色-虚拟机-新建虚拟机 如果直接在Hyper-V管理器中新建虚机&#xff0c;则不是高可用&#xff0c;需要在故障转移群集管理器中将其添加进来使其成为高可用&#xff1a; 角色-配置角色-选…

首页路由的重定向

components下新建Welcome.vue&#xff0c;前面创建vue文件的时候命名有点不统一&#xff0c;在这里修改一下&#xff1a; Welcome.vue: <template><div><h3>Welcome</h3></div> </template><script>export default {name: Welcome…

Codeforces Round #218 (Div. 2) 解题报告

Problem A K-Periodic Array 题意&#xff1a;一个数列中有1与2的序列组成&#xff0c;问最少修改多少个数&#xff0c;能使数列成为从开头开始每k个一组每组的相应位置都一样。 思路&#xff1a;做法就是枚举每一位上的数字1多还是2多&#xff0c;哪个多就让全部的数变成那一个…