记一次vue2中在store中使用axios过程

2019-03-26 10:54:18  卢浮宫  版权声明：本文为站长原创文章，转载请写明出处

一、背景

    今天因为某些因素需要在store中使用axios进行数据请求并格式化，已经在main.js中引入了axios并定义$axios的，但是在进行请求的时候却不能识别@axios

二、查找资料发现是由于下面原因导致的

    ①指向不对：一般我们使用this.$axios来进行请求，但是这里的this已经不是在组件中了，这里的this并没有继承vue的方法     

    ②引入axios并直接使用可解决上述问题

三、相关代码如下

    SET_USER: (state, userInfo) => {
        if (userInfo == "") {
            state.userName = "";
        } else {
            const userName = userInfo.userName.trim();
            state.userName = userName;
            // 获取功能配置
            const postData = qs.stringify({
                userName: userName,
                token: userInfo.token
            });
            axios({
                method: "post",
                url: "/util/getsysinfo.action",
                data: postData
            }).then(res => {
                const menusArr = res.data.msg.menus.msg;
                console.log(menusArr);
            });
        }
    }