用到mock模拟

1.下载:npm install --save mockjs

2.新建相关文件和文件夹(src下面创建mock文件夹,mock文件夹下创建json文件夹和index.js文件,在json文件夹下创建相关jaon文件)

如图:

vuex---axios请求环境配置

a.json

vuex---axios请求环境配置

3.设置请求文件index.js文件(mock文件夹下的)

vuex---axios请求环境配置

4.main.js中引用mock

vuex---axios请求环境配置

5.进行axios数据请求

vuex---axios请求环境配置

vuex--axios请求环境配置:

1.下载axios

npm install --save axios

2.在store.js中引用axios

import axios from 'axios

vuex---axios请求环境配置

3.在vuex中使用axios

3.1在actions中创建axios数据请求,并且把请求过来的数据传递给mutations

vuex---axios请求环境配置

3.2在mutations中修改state的数据

vuex---axios请求环境配置

vuex---axios请求环境配置

vuexaxios.vue

vuex---axios请求环境配置

运行结果:

vuex---axios请求环境配置

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-07-23
  • 2022-12-23
  • 2022-12-23
  • 2021-11-06
  • 2021-12-21
猜你喜欢
  • 2021-08-17
  • 2022-12-23
  • 2021-09-02
  • 2021-09-25
  • 2021-06-05
  • 2022-12-23
相关资源
相似解决方案