123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214 |
- import request from "./request";
- // 全局配置的请求域名
- let baseUrl = "http://www.xxx.com/api/";
- //可以new多个request来支持多个域名请求
- let $http = new request({
- //接口请求地址
- baseUrl: baseUrl,
- //服务器本地上传文件地址
- fileUrl: baseUrl,
- // 服务器上传图片默认url
- defaultUploadUrl: "api/common/v1/upload_image",
- //设置请求头(如果使用报错跨域问题,可能是content-type请求类型和后台那边设置的不一致)
- header: {
- 'content-type': 'application/json;charset=UTF-8'
- },
- // 请求超时时间(默认6000)
- timeout: 6000,
- // 默认配置(可不写)
- config: {
- // 是否自动提示错误
- isPrompt: true,
- // 是否显示加载动画
- load: true,
- // 是否使用数据工厂
- isFactory: true
- }
- });
- // 添加获取七牛云token的方法
- $http.getQnToken = function(callback){
- //该地址需要开发者自行配置(每个后台的接口风格都不一样)
- $http.get("api/kemean/aid/qn_upload").then(data => {
- /*
- *接口返回参数:
- *visitPrefix:访问文件的域名
- *token:七牛云上传token
- *folderPath:上传的文件夹
- *region: 地区 默认为:SCN
- */
- callback({
- visitPrefix: data.visitPrefix,
- token: data.token,
- folderPath: data.folderPath,
- region: "SCN"
- });
- });
- }
- // 添加获取阿里云token的方法
- $http.getAliToken = function(callback){
- //该地址需要开发者自行配置(每个后台的接口风格都不一样)
- $http.get("api/open/v1/ali_oss_upload").then(data => {
- /*
- *接口返回参数:
- *visitPrefix: 访问文件的域名
- *folderPath: 上传的文件夹
- *region: 地区
- *bucket: 阿里云的 bucket
- *accessKeyId: 阿里云的访问ID
- *accessKeySecret: 阿里云的访问密钥
- *stsToken: 阿里云的访问token
- */
- callback({
- accessKeyId: data.accessKeyId,
- accessKeySecret: data.accessKeySecret,
- bucket: data.bucket,
- region: data.region,
- visitPrefix: data.visitPrefix,
- token: data.token,
- folderPath: data.folderPath,
- stsToken: data.securityToken,
- });
- });
- }
- //当前接口请求数
- let requestNum = 0;
- //请求开始拦截器
- $http.requestStart = function(options) {
- if (options.load) {
- if (requestNum <= 0) {
- //打开加载动画
- uni.showLoading({
- title: '加载中',
- mask: true
- });
- }
- requestNum += 1;
- }
- // 图片、视频上传大小限制
- if (options.method == "FILE") {
- // 文件最大字节: options.maxSize 可以在调用方法的时候加入参数
- let maxSize = options.maxSize || '';
- for (let item of options.files) {
- if(item.fileType == 'image'){
- if (maxSize && item.size > maxSize) {
- setTimeout(() => {
- uni.showToast({
- title: "图片过大,请重新上传",
- icon: "none"
- });
- }, 500);
- return false;
- }
- } else if(item.fileType == "video"){
- if (item.duration < 3) {
- setTimeout(() => {
- uni.showToast({
- title: "视频长度不足3秒,请重新上传",
- icon: "none"
- });
- }, 500);
- return false;
- }
- }
- }
- }
- //请求前加入token
- options.header['token'] = "你的项目登录token";
- return options; // return false 表示请求拦截,不会继续请求
- }
- //请求结束
- $http.requestEnd = function(options) {
- //判断当前接口是否需要加载动画
- if (options.load) {
- requestNum = requestNum - 1;
- if (requestNum <= 0) {
- uni.hideLoading();
- }
- }
- }
- //登录弹窗次数
- let loginPopupNum = 0;
- //所有接口数据处理(可在接口里设置不调用此方法)
- //此方法需要开发者根据各自的接口返回类型修改,以下只是模板
- $http.dataFactory = async function(res) {
- console.log("接口请求数据", {
- url: res.url,
- resolve: res.response,
- header: res.header,
- data: res.data,
- method: res.method,
- });
- if (res.response.statusCode && res.response.statusCode == 200) {
- let httpData = res.response.data;
- if (typeof (httpData) == "string") {
- httpData = JSON.parse(httpData);
- }
- /*********以下只是模板(及共参考),需要开发者根据各自的接口返回类型修改*********/
- //判断数据是否请求成功
- if (httpData.success || httpData.code == 200) {
- // 返回正确的结果(then接受数据)
- return Promise.resolve(httpData.data);
- } else if (httpData.code == "1000" || httpData.code == "1001" || httpData.code == 1100) {
- let content = '此时此刻需要您登录喔~';
- if (loginPopupNum <= 0) {
- loginPopupNum++;
- uni.showModal({
- title: '温馨提示',
- content: content,
- confirmText: "去登录",
- cancelText: "再逛会",
- success: function (res) {
- loginPopupNum--;
- if (res.confirm) {
- uni.navigateTo({
- url: "/pages/user/login"
- });
- }
- }
- });
- }
- // 返回错误的结果(catch接受数据)
- return Promise.reject({
- statusCode: 0,
- errMsg: "【request】" + (httpData.info || httpData.msg)
- });
- } else { //其他错误提示
- if (res.isPrompt) {
- uni.showToast({
- title: httpData.info || httpData.msg,
- icon: "none",
- duration: 3000
- });
- }
- // 返回错误的结果(catch接受数据)
- return Promise.reject({
- statusCode: 0,
- errMsg: "【request】" + (httpData.info || httpData.msg)
- });
- }
- /*********以上只是模板(及共参考),需要开发者根据各自的接口返回类型修改*********/
- } else {
- // 返回错误的结果(catch接受数据)
- return Promise.reject({
- statusCode: res.response.statusCode,
- errMsg: "【request】数据工厂验证不通过"
- });
- }
- };
- // 错误回调
- $http.requestError = function (e) {
- // e.statusCode === 0 是参数效验错误抛出的
- if (e.statusCode === 0) {
- throw e;
- } else {
- uni.showToast({
- title: "网络错误,请检查一下网络",
- icon: "none"
- });
- }
- }
- export default $http;
|