vuex中发送axios请求注意事项

  getData() {
      let XXXXXXX = "xxx";
      this.$store.dispatch("getDocumentList", { XXXXXXX });
    },

携带参数是需要添加{},这样可以让数据不需要进行处理就可以直接传递

const actions = {
    async getDocumentList({commit},data) {
    },

VUEX中直接用data接收

axios方式一

const actions = {
 async getDocumentList({commit},data) {
        axios({
            method:"POST",
            url:"api/public/api.php/xxxx/xxx",
            data
        }).then(response=>{
            if(response.XXX.XXX==0){
               commit("XXXXXX",response.XXX)
            }
        }, err => {
                console.log(err);
           });
 }
},

axios方式二

import {reqSearchList} from "@/API"
 const actions = {
  async getDocumentList({commit},data) {
		 let result = await reqSearchList(data)
	 }
 }

import requests from "./ajax";
export const reqSearchList = (data) => requests({url: '/public/api.php/XXX/XXX', data, method: 'post'});

import axios from "axios";
let requests = axios.create({
    //基础路径
    baseURL: "/XXX",
    //请求不能超过5S
    timeout: 50000,
});
export default requests;

注意：参数名字要和你进行dispatch中的参数名字一致

例如：

data：{
		limit：10
	}

 getData() {
      let limit= 10;
      this.$store.dispatch("getDocumentList", { limit});
    },