vue项目中axios请求接口的统一管理

在vue项目中，会使用到axios去调用接口，我们可以创建一个api文件夹，在内部创建js文件，以页面命名，将同页面的接口放入一个js文件中，这样方便管理
api内的js文件内容如下：

import request from './request'

export function apiName(data) {
  return request({
       url: "",
       method: "post",
       data
   })
}

apiName：为接口名称，建议 语义化 命名，例如用户登录接口，就叫 login

项目中的使用

// 当前页面引入接口所在的js文件
import { apiName } from '@/assets/api/*.js'

// 使用
apiName(data).then(res => {
	console.log(res)
})