计算机系统应用教程网站

网站首页 > 技术文章 正文

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

btikc 2024-09-20 15:01:52 技术文章 19 ℃ 0 评论

一、背景

今天因为某些因素需要在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);
});
}
}




更多精彩请关注guangmuhua.com

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表