如何在vuex中对token进行存储
【如何在vuex中对token进行存储】1:在Login.vue中通过http请求获取到token和用户信息
//根据api接口获取token
this.$axios
.post(url, {
username: this.loginForm.username,
password: this.loginForm.pass,
})
.then((res) => {
// console.log(res.data);
this.$message.success('登录成功')
let data = https://www.it610.com/article/res.data
//根据store中set_token方法将token保存至localStorage/sessionStorage中,data["Authentication-Token"],获取token的value值
this.$store.commit('set_token', data['Authentication-Token'])})
.catch((error) => {
// this.$message.error(error.status)
this.loading = false
// console.log(error)
})
2:在store.js中对token状态进行监管
import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)
export default new Vuex.Store({
state: {
token: ''
},
mutations: {
set_token(state, token) {
state.token = token
sessionStorage.token = token
},
del_token(state) {
state.token = ''
sessionStorage.removeItem('token')
}
}
})
3: 在touter/index.js 中
推荐阅读
- 任时光绽放成六月繁花
- 我从来不做坏事
- 考研英语阅读终极解决方案——阅读理解如何巧拿高分
- 樱花雨
- 如何寻找情感问答App的分析切入点
- 拍照一年啦,如果你想了解我,那就请先看看这篇文章
- mybatisplus如何在xml的连表查询中使用queryWrapper
- MybatisPlus使用queryWrapper如何实现复杂查询
- 人如果没梦想,和咸鱼有什么区别(自媒体时代把握住就能咸鱼翻身)
- 如何在Mac中的文件选择框中打开系统隐藏文件夹