其实像这类的文章网上已经有很多很好的,写这篇文章,相当于是做个笔记,以防以后忘记用到的:
1、 vuex
2、axios
3、vue-route
登陆流程为:
1、提交登陆表单,拿到后台返回的数据
2、将数据存入vuex
一、vuex配置
这里直接跳过安装之类的,百度一大堆,我直接上代码。
// store index.js
import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)
// 初始化时用sessionStore.getItem('token'),这样子刷新页面就无需重新登录
const state = {
user: window.sessionStorage.getItem('user'),
token: window.sessionStorage.getItem('token')
}
const mutations = {
//将token保存到sessionStorage里,token表示登陆状态
SET_TOKEN: (state, data) => {
state.token = data
window.sessionStorage.setItem('token', data)
},
//获取用户名
GET_USER: (state, data) => {
// 把用户名存起来
state.user = data
window.sessionStorage.setItem('us