- 该类库用于整合Feapi 后端接口,应用到Vue 前端项目中。
- 修正入口index.js文件
- 完成npm 发布工作
- 主要完成接口请求的基础功能项目。
npm i jk-felib --save-dev
npm update jk-felib --save-dev
vim main.js
编辑Vue项目的main.js 文件加入如下代码。- 注意api_request_url 是一个FEApi的请求地址,这个是根据实际情况变化的。
import feapi from "jk-felib"
// FEApi 接口请求组件,之后类中可以使用 this.$feapi 引用这个组件
Vue.use(felib, {
// 配置API的请求接口
feapiconf: {
// 这个Mock 地址返回一个Feapi 数据格式中的成功状态
api_request_url: "https://www.fastmock.site/mock/0a24fa68ebb6b2ab59e535eb08a3b2be/felib/fedata/success",
}
})
- 这是一种相对基础的方法,其返回全部的Feapi 请求
// 写一个接口配置JSON
let config = {
ic: "h200729",
im: "get_curriculum_video_list",
fps: {
video_grouping_id: 1,
start: 0,
end: 10,
},
// 可选,默认是GET
method: CKLFEApi.CONST_REQUEST_METHOD_IS_GET
}
this.$feapi.callApi(config).then((res)=>{
// 请求正常进入这里
console.log("请求成功::", res)
}).catch((err)=>{
console.log(err)
})
//npm install --save-dev babel-cli 需要安装依赖
this.$feapi.successCallback({
ic: "h200729",
im: "get_curriculum_video_list",
fps: {
video_grouping_id: this.groupobj.id,
start: this.page_start,
end: this.page_end,
},
method: 'get'
}).then((res) => {
console.log("这里仅仅返回成功的结果::", res)
})