0
  1. 比如我 ABC三个组件都引入了axios,那么就要在ABC中分别引入三次,怎么避免这样重复引入

  2. ABC都复用组件D,也是这个问题

我在app.vue中引入axios在别的组件拿不到

如果一个组件在别的地方引入多次 ,如何避免这个问题

5个回答

0

1、优化项目结构

- api
-- index.js // 接口请求
-- http.js  // axios 封装
-- event.js // http 请求处理

2、webpack 有解决方案,百度

0

用webpack的话可以在入口文件引入一次就可以了

0

没有办法吧,
你可以专门写一个API文件用来封装全部的接口,用到对应接口的界面再引入这个API文件,其实跟你这样也没太大差别 只是统一维护了

0

既然怕麻烦,那就把axios挂载到vue的原型上去
main.js中引入

import axios from 'axios'
import Vue from 'vue'
Vue.prototype.$http = axios

调用的时候直接this.$http就可以了

0

可以看看我正在开发的项目是怎么处理的,
我是直接把一些常用的方法都集成到一个plugin上,在mian文件中use一下就好了。https://gitee.com/Daniel_Deng...

撰写答案