VUE-22 全局变量判断用户是否登陆

本节：定义一个全局变量创建common(变量名自定义)还是一个公共的组件，可以用来记录用户登录的ID和判断登陆的状态。

1.创建一个common文件夹，里面创建common.js文件，文件内容：

var data = { 

    isLogin: false,// 记录是否登录

   token: "",  // 记录服务器发过来的用户的token，用户信息

}

export default data;

2.在main.js(路由器配置文件)

import common from './common/common'   //1.引入全局变量的路径

Vue.prototype.common = common  //3.引入路由

3.在网页里面加入

 

   denglu() {

      var that = this;//方便指对象,默认要加

      this.axios

        .post("/admin/login", {

          account: this.input1,//传参，把这个网页获取的变量，定义给服务器的变量

          pwd: this.input2,

        })

        .then(function (reponse) {

          if (reponse.data.code == 200) {

             //5.判断是否账号密码正确

            // alert("登录成功");//正确就跳出窗口：登陆成功

            console.log(reponse.data.data.token);

            //确定登录后 吧isLogin变成true

            that.common.isLogin = true;

            //然后把ta的token填进去

            that.common.token = reponse.data.data.token;

            console.log(reponse);

            that.$router.push("/admin_main");//then里面，服务器里面的东西必须要有that

          } else {

            alert(reponse.data.errorMsg);

          }

          console.log(reponse);

        });

    },