axios封装一个请求本地数据的方法
2023-09-11 14:19:39 时间
切记 数据文件要放在static文件夹中;
假如homeData.js中放了我们需要的数据
下面封装专门请求本地数据的方法
叫fetch.js
import axios from "Axios" function fetch(url) { return new Promise((resolve,reject)=>{ const instance = axios.create({ headers:{ }, timeout:10000 }); instance({ method:"GET", url: url, data:null, params:null, baseURL:"", withCredentials: true }) .then(response=>{ if(response.status == '200') { if(response.status == '200'){ resolve(response.data) }else { reject(response.data.msg) } } }) .catch(err=>{ reject(err) }) }) } export default { get:fetch }
axios默认请求到的数据为json格式,这里不需要额外转换。
在页面汇总使用:
fetch.get("/static/jsonData/homeData.js").then(res=>{ console.log(res) }).catch(err=>{ console.log(err) })
数据最好为json格式
.
相关文章
- C#将Word转换成PDF方法总结(基于Office和WPS两种方案)
- hibernate5(8)操纵对象入门[3]操控对象封装方法
- Java面向对象基础---名词概念的理解:方法的重载、构造函数、封装性
- 原生JS封装ajax方法
- 将Python的Django框架与认证系统整合的方法
- 6-1python语法基础-面向对象-类的定义属性和方法,类的作用域,类的封装继承多态,类的反射,单例模式
- 数据分析普遍存在的方法及理论有哪些?-数据分析师
- 6-1python语法基础-面向对象-类的定义属性和方法,类的作用域,类的封装继承多态,类的反射,单例模式
- python封装之property装饰器代码示例:将一个get方法,转换为对象的属性
- 【华为云技术分享】使用pdb调试python代码的方法
- 011-JSON、JSONObject、JSONArray使用、JSON数组形式字符串转换为List<Map<String,String>>的8种方法
- xml方式封装通信数据方法
- selenium3 web自动化测试框架 :页面基础操作、元素定位方法封装、页面操作方法封装
- JS中sort()方法原理及使用
- 封装:使对象的属性尽可能私有,对象的方法尽可能的公开
- chrome浏览器下的xdebug helper使用方法
- 项目中封装的一些公用方法
- 自定义元素定位方法
- C#窗体编程(windows forms)禁止窗口最大化,拖拽,鼠标修改窗体大小,无边框的方法