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

Neoo1984
  • 53

我在 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
  })
}
 

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

回复
阅读 578
2 个回答

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

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

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

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

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

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

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


已参与了 SegmentFault 思否「问答」打卡,欢迎正在阅读的你也加入。
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
你知道吗?

宣传栏