多個axios同時要求,資料被前面的請求覆蓋,如何解決?
用axios.all能解決,但總不能每次都加個all方法,不方便
axios配置
import axios from 'axios'
import store from '../vuex/'
import { Notification } from 'element-ui'
// import router from '../routers'
// axios 配置
axios.defaults.timeout = 10000
axios.defaults.baseURL = '/api/'
// http request 拦截器
axios.interceptors.request.use(config => {
if (store.state.token) {}
return config
}, err => {
return Promise.reject(err)
})
// 后台无返回success因此修改之前的拦截器规则,直接返回数据
// http response 拦截器
axios.interceptors.response.use(response => {
console.log(response)
if (response.data.status === 200 || response.data.code === 200) {
return response.data.data
} else {
Notification.error(response.statusText)
return response.data
// return Promise.reject(response.statusText)
}
})
export default axios
api配置(有幾個如下的API,不全部貼了)
// 1. 产品系列 :: 列表
export const getProductType = params => {
return axios.get(`/product/type/list`, params)
}
頁面中呼叫vuex
store.dispatch('getProductStatus')
store.dispatch('getProductStyle')
store.dispatch('getProductType')
vuex配置
import {getProductStyle, getProductStatus, getProductType} from '@/http/api'
const state = {
panelIsShow: false,
dict: {
statusDict: [],
styleDict: [],
typeDic: []
}
}
const mutations = {
SET_PANEL_SHOW (state, data) {
state.panelIsShow = data
},
// 获取产品募集状态字典
GET_DICT_STATUS (state, dict) {
state.dict.statusDict = dict
},
// 获取产品风格字典
GET_DICT_STYLE (state, dict) {
state.dict.styleDict = dict
},
// 获取产品系列字典
GET_DICT_TYPE (state, dict) {
state.dict.typeDict = dict
}
}
const actions = {
// 产品风格
async getProductStyle ({commit}) {
let data = await getProductStyle()
commit('GET_DICT_STYLE', data)
},
// 产品募集状态
async getProductStatus ({commit}) {
let data = await getProductStatus()
commit('GET_DICT_STATUS', data)
},
// 产品系列
async getProductType ({commit}) {
let data = await getProductType()
commit('GET_DICT_TYPE', data)
}
}
const getters = {
panelIsShow: state => state.panelIsShow,
dict: (state) => state.dict
}
export default {
state,
getters,
actions,
mutations
}
不會啊。
貼代碼吧。
這種寫法,一定是要被覆蓋了
你要是不用all方法當然不能保證順序,資料當然會被覆蓋。