vue项目搭建--登录

vue-element-admin：
登陆重新配置：
原理：
1.通过用户名+密码返回token值
2.将token设置给状态机中的state
将token设置给本地混存cookie
3.携带token，请求用户信息 user/info
拿到用户信息后才能够进行页面跳转

    配置：
        1.配置基路径
            .env.development：开发环境的基路径
                VUE_APP_BASE_API = 'http://47.100.76.121:8888'
            .env.production：产品阶段的基路径
                VUE_APP_BASE_API = 'http://47.100.76.121:8888'
        2.修改子路径
            寻找思路：
                login/index.vue->this.store.displatch("/user/login")->
                store/user.js中的login方法：
                    1.获取用户名密码-》拿到返回值token，设置给本地+设置个state
                    2.在login内部的login方法中发送异步请求：
                        api/user.js:
                             url: '/user/info',
	
            结果：
                api/user.js:
                    去掉url路径中的vue-element-admin
                    url: '/user/info',
        url: '/user/login',
        url: '/user/logout'
        3.修改/取消 表单验证规则
            login/index.vue:
                el-form标签上，删除:rules属性
                修改默认用户名密码this.loginForm{}
        4.设置请求拦截
            request.js:
                请求拦截：
                    config.headers['Authorization'] = getToken()
                响应拦截：
                    修改状态码属性code-》status，并且修改对应数字
                    if (res.status !== 200)
                    if (res.status === 401 || res.status === 403)
        5.修改返回的用户信息属性名
            store/modules/user.js:
                getInfo方法-利用解构思想：
                    const { roles, realname:name, userFace:avatar, introduction } = data

        6.打包配置
            1.vue.config.js:
                publicPath: '/',
            2.去掉产品阶段的模拟数据
                注释31-34行
                if (process.env.NODE_ENV === 'production') {
                    const { mockXHR } = require('../mock')
                    mockXHR()
                    }
            3.打包
                npm run build:prod
                dist->部署