request-wrapper
Basic usage
Response wrapper with no data-key. All response data is in native response.data scope.
It's used to get content of a response. Example: content of a file.
request({ responseWrapper: { dataKey: null } })
.get('download', { params: { disk, path } })
.then(response=>{
console.log(response.data())
})Response wrapper with data-key. By default, data-key is data.
It's used to get data from json response. Example json:
{
"data": {
"id": 1,
"name": "test"
}
}request().get('list')
.then(response=>{
console.log(response.data()
)})Use in package
<package>/request/index.js:
const fmApiPath = process.env.VUE_APP_LFM_PATH || 'file-manager'
const wrapRequest = axiosInstance => {
return axiosInstance.reconfigure(
instance => {
instance.config.baseURL += `/${fmApiPath}`
instance.registerRequestInterceptors(LoadingRequestInterceptor)
instance.registerResponseInterceptors(LoadingResponseInterceptor, ResponseNoticeInterceptor)
}
)
}
const request = config => {
return wrapRequest(Vue.prototype.$request(config))
}
export default requestuse package's request in application
<app>/request/index.js:
import buildBaseRequest from '@feugene/request'
const basePath = process.env.VUE_APP_BASE_PATH
const request = store => (config = {}) => {
const headers = {
...(isObject(config.headers) ? config.headers : {}),
}
const mergedConfig = {
baseURL: basePath,
...config,
headers,
}
mergedConfig.store = store
return buildBaseRequest(mergedConfig)
}
export default request<aap>/main.js
import Vue from 'vue'
import Vuex from 'vuex'
import request from './request'
Vue.use(Vuex)
const store = new Vuex.Store()
Vue.prototype.$request = request(store)