axios发送登录请求_axios新手实践实现登陆

其实像这类的文章网上已经有很多很好的,写这篇文章，相当于是做个笔记，以防以后忘记

用到的：1、 vuex 2、axios 3、vue-route

登陆流程为：1、提交登陆表单，拿到后台返回的数据

2、将数据存入vuex

1、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) => {

// 把用户名存起来