Uni-app fly 接口封装

原创

已于 2023-06-16 10:10:27 修改 · 2.8k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#fly接口封装 #uniapp接口封装 #uniapp调取后台

于 2019-08-11 09:50:47 首次发布

1 在untils文件夹中编写fly.js文件

var Fly = require('flyio/dist/npm/wx');
var fly = new Fly();
fly.config.timeout = 5000;

//配置请求基地址
fly.config.baseURL='http://************/';

//添加请求拦截器
fly.interceptors.request.use(request => {
  //给所有请求添加自定义header
  request.headers['X-Tag'] = 'flyio';

  // const token = uni.getStorageSync('token');     //关于token的用法
	// console.log(JSON.stringify(token));
  // if (token) {
		// request.headers['Authorization'] = token; 
  // }
  //可以显式返回request, 也可以不返回，没有返回值时拦截器中默认返回request
  return request;
});

//添加响应拦截器，响应拦截器会在then/catch处理之前执行
fly.interceptors.response.use(
  response => {
    //只将请求结果的data字段返回
	// const {errno,errmsg} = response.data
	// 这个是正确的状态码，根据实际情况修改
	// if(errno==1000){
	return response.data; // 这里直接返回的data，再使用似可以少写次data
	// } else {
		// 这里是错误处理，进行错误提示和跳转到未登录页面等
		//console.error(errmsg) 
		//return Promise.reject(errmsg) 
	// }
  },
  err => {
    //发生网络错误后会走到这里