1.创建loding和关闭loding函数
2. 请求数据的时候(请求拦截axios.interceptors.request.use)添加token 并且开启Loading状态!
confing.headers.Authorization = localStorage.eToken
4.接收到数据时(响应拦截axios.interceptors.response.use) 关闭Loading状态 并且根据返回的状态码判断token是否过期,过期删除当前token并且跳转到登录页面。 error的前提下error.response存在和后端沟通拿到所有响应码字典(这个地方可以使用switch 根据状态码判断当前应该Message中显示的内容(需要和后端沟通)。),如果*error.resopnse*
不存在说明断网了,如果是断网了修改LocalStorage中的netWork状态,加载页面中断网组件
5.axios.create可以创建一个实例,添加接口延迟时间,添加baseUrl,设置header:{
Content-Type:‘application/json;charset=UTF-8或者application/x-www-form-urlencoded;charset=UTF-8’
}
6.域名统一管理,创建一个baseUrl的js文件 用来保存当前所启动的环境,比如sit,beta环境等并导出
7.封装axios的方法 (如果没有设置axios.create实例中的baseurl需要给一个请求前加上baseUrl) get请求,delete请求叫params, post请求,put请求,patch请求叫data,如果需要FormData格式 可使用qs插件或使用new FormData()对象的方式
8.可以创建请求接口的url存放文件统一保管
axios封装心得
最新推荐文章于 2024-05-18 15:09:49 发布