创建了两个axios实例后，该如何导出导入

Question

我在 request.js封装两个axios实例，要导出的时候好像不成功

const service = axios.create({
  baseURL: process.env.VUE_APP_BASE_API, 
  timeout: 5000 // request timeout
})
const serviceWeb = axios.create({
  baseURL: process.env.VUE_APP_BASE_API_WEB, 
  timeout: 5000 // request timeout
})

导出：

export default {service,serviceWeb}

导入

import request from '@/utils/request'

export function getFactoryList(params) {
  return request.serviceWeb({
    url: '/factory/page',
    method: 'post',
    params
  })
}
 

这样导入导出好像不行，哪里有问题

Answer 1

export 导出多个
export default 只能导出一个

export {service ,serviceWeb };
引入的时候 import {service ,serviceWeb}from '@/utils/request'

Answer 2

你这样导出 export { axiosA, axiosB }，
然后你引入的时候就可以这样了：

import { axiosA, axiosB } form “./request“

axiosA.get({xxx}).then(...

axiosB.post({xxx}).then(...

当然，如果用你的方法也可以，只是你导出那里方式错了，还写成这样即可
export default { axiosA: axiosA, aXiosB: axiosB }

---

已参与了 SegmentFault 思否「问答」打卡，欢迎正在阅读的你也加入。