Open openks opened 6 years ago
看了下项目组同事的代码,发现不同项目有不同的组织版本
版本一:
├─apis │ a.api.js │ b.api.js │ b.api.js │ d.api.js
每个api文件里都是这样的代码
// d.api.js import axios from '@/utils/http' export function editUser (Param) { return axios.post('url1', { ...Param }) } export function deleteUser (Param) { return axios.post('url2', { ...Param }) } // 调用方式如下 import {editUser} from '@/apis/d.api.js'
这种方法的缺点:
版本二: 干脆不把api统一到一起,把axios挂载到vue对象上只在需要的地方写
this.$axios.post(url,params).then()
这种方法缺点:
版本三:
// apis/index.js // 把所有api的url统一在一起并挂在到vue对象上 // 所有接口都在一个文件里会比较大 // 可以按功能模块分组编写 let ENV = { name1: 'url1', // 用户相关接口 name2: 'url2', // 积分相关接口 name3: 'url3', // 产品相关接口 name4: 'url4', } export default ENV
// src/main.js import api from '@/apis/index.js' Vue.prototype.$api = api
//需要调用接口的js文件 this.$axios.post(this.$api.name1,params).then()
缺点:
看了下项目组同事的代码,发现不同项目有不同的组织版本
版本一:
每个api文件里都是这样的代码
这种方法的缺点:
版本二: 干脆不把api统一到一起,把axios挂载到vue对象上只在需要的地方写
这种方法缺点:
版本三:
缺点: