Vue实现用户登录及token验证

 写博客不是为了博眼球 而是为了记笔记 

请勿复制全部代码防止错乱，这里放源码是为了个人做笔记 

    //登录
    login: params => {
        return API.POST('/accounts/login', qs.stringify(params))
    } 

     login.vue里          

<template>
    <div class="loginpage">
        <div class="login-bg">
           <div class="title">
                <img src="../assets/loginlogo.png">
                <div>
                     <p>网络安全某某某某系统</p>
                     <p class="english">NETWORK SECURITY XXXX SYSYTEM</p>   
                </div>
            </div> 
        <div class="logincenterimg">  
                <div class="login-form">  
                    <el-form :model="ruleForm2" :rules="rules2" ref="ruleForm2" label-position="left" label-width="0" class="demo-ruleForm login-container">
                        <strong class="logintitle" ref="title">用户登录</strong>
                        <el-form-item prop="username">
                            <el-input type="text" v-model="ruleForm2.username" auto-complete="off" placeholder="请输入账号">
                            </el-input>
                        </el-form-item>
                        <el-form-item prop="password"  style="margin-top:58px;">
                            <el-input type="password" v-model="ruleForm2.password" auto-complete="off" placeholder="请输入密码" @keyup.enter.native="loginSys">
                            </el-input>
                        </el-form-item>
                        <el-form-item prop="imageCode"  class="ipt-vcode">
                        <el-input type="text" v-model="ruleForm2.vcode" auto-complete="off" pla