在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) })
vue项目中axios请求接口的统一管理
最新推荐文章于 2022-03-27 17:31:45 发布