在vuex的store中如何正确的通过axios进行请求操作获取数据
2017-12-30 14:59
821 查看
具体描述
在项目中遇到vuex的store中直接使用this.$axios或者Vue.axios无法正确进行axios进行请求操作获取数据的原因
在平时组件中能使用this.axios(通过Vue.prototype.axios = axios的方式添加了原型链方法)的方式使用axios请求是因为其挂载到了vue的实例中,因而this的指向是Vue而vuex中this的指向是store,因此不能直接使用
解决方法
直接引入axios而后通过其请求即可// 数据仓库中:src/store/modules/xxx.js // 引入axios import axios from 'axios' // ... actions: { fetchOrderList ({commit, state}) { // 而vuex中this的指向是store,因此不能使用 // 直接引入axios请求即可 axios.post('请求地址').then((res) => { commit('updataOrderList', res.data.getOrderList.list) }).catch((err) => { console.log(err) }) } }
相关文章推荐
- iOS开发之如何通过PUT请求上传数据
- C下如何通过scanf()函数获取正确的数据
- C#中如何通过HTTP协议的不同请求方式获取数据
- iOS开发工具-如何使用网络封包分析工具Charles,通过配置proxy对http、https、tcp、udp 等协议的请求响应过程交互信息进行分析、判断、解决我们移动开发中的遇到的各种实际问题。
- 在dva中如何不通过yield发送封装的请求并且获取返回的promise对象中的数据
- jquery如何通过ajax请求获取后台数据显示在表格上
- BeJavaGod - 如何正确使用数据字典进行分类统一操作(一)
- 如何实时对ios中麦克风的数据进行解析,获取声音频率等相关的属性?
- 如何通过 Visual C# 使 Excel 自动执行操作以使用数组来填充或获取某区域中的数据
- BeJavaGod - 如何正确使用数据字典进行分类统一操作(一)
- 通过 HTTP 请求加载远程数据(ajax,axios)
- 通过socket 获取GET返回数据后的操作 分割报文头和网页内容
- 如何正确进行数据分析
- 如何对memcache的数据(key-value)进行遍历操作
- 第2章_基本数据类型和基本操作_编程练习Exercise2.11通过控制台进行大小写的切换
- Spring中使用getSession()与通过HibernateTemplate进行数据操作的差别
- 如何对memcache的数据(key-value)进行遍历操作
- 第2章_基本数据类型和基本操作_编程练习Exercise2.7通过创建窗口进行大小写的切换
- 请问在VB.NET 3.5中如何通过SqlDataSource 获取数据
- 如何对memcache的数据(key-value)进行遍历操作