需求:有几组数据,是好多页面都需要的,后台给每组数据写到一个接口里了,所以我需要请求多个公共接口,我的想法就定义了一个公共js,然后所需的页面去引用;
第一种方法:common.js:
var commonObj ={ async GetDepartment(fn){ var a =await axIOS.post('/api/common/getDepartment');fn(a)}};export default commonObj
所需的vue页:
import commonObj from '@/common/js/common.js'//先引入文件commonObj.GetDepartment(function(d){console.log(d)})
文章插图
第二种:common.js:
export async function GetDepartment(fn){ var a =await axios.post('/api/common/getDepartment');return a;};
所需的vue页:import {GetDepartment} from '@/common/js/common.js' //先引入文件解构GetDepartment().then(d=>{console.log(d);});
文章插图
其他方法:https://www.jianshu.com/p/9aa2f6c379dd
【vue 请求公共接口】
推荐阅读
- 基于 Vue 技术栈的微前端方案实践
- 使用cors完成跨域请求处理
- Vue 中如何从插槽中发出数据
- Vue里面template的几种写法
- 江西借助转型契机,浮梁茶区域公共品牌成为江西品牌100强
- 开箱即用 vue全家桶+vant移动端解决方案
- Vue、React 和 Angular:该选择哪个框架?
- Vue 图片压缩并上传至服务器
- 农村公益事业有哪些?
- 3分钟短文 | Linux 使用curl发起post请求的4个常用方式