import request from "@/nxTemp/request"; import store from '@/nxTemp/store'; import config from '@/nxTemp/config/index.config.js'; //可以new多个request来支持多个域名请求 let $http = new request({ //接口请求地址 baseUrl: config.baseUrl, //服务器本地上传文件地址 fileUrl: config.baseUrl, // 服务器上传图片默认url defaultUploadUrl: "api/common/v1/upload_image", //设置请求头(如果使用报错跨域问题,可能是content-type请求类型和后台那边设置的不一致) header: { 'Content-Type': 'application/json;charset=UTF-8', // 'project_token': config.projectToken, //项目token(可删除) } }); //请求开始拦截器 $http.requestStart = function(options) { // console.log("请求开始", options); if (options.load) { //打开加载动画 store.commit("setLoadingShow", true); } //请求前加入token & token验证 if (options.url) { if (options.needLogin) { let token = uni.getStorageSync('token'); if (!token) { store.dispatch('reLogin', '');//无token时,触发重新登录 console.error(options.url,"缺少token,触发重新登录",options); } else { options.header['token'] = token; //header中带上token if(!options.data.token)options.data['token'] = token; //请求data中带上token,兼容自带token参数 } } } // 图片上传大小限制 if (options.method == "FILE" && options.maxSize) { // 文件最大字节: options.maxSize 可以在调用方法的时候加入参数 let maxSize = options.maxSize; for (let item of options.files) { if (item.size > maxSize) { setTimeout(() => { uni.showToast({ title: "图片过大,请重新上传", icon: "none" }); }, 500); return false; } } } // if (options.url) { // //请求前加入token // let url = options.url.substring(options.url.lastIndexOf('/') + 1); // if (url != 'login') { // let token = uni.getStorageSync('token'); // if (!token) { // console.log(url,"缺少token",options); // store.dispatch('reLogin', ''); // } else { // options.header['token'] = uni.getStorageSync('token'); // } // } // } return options; } //请求结束 $http.requestEnd = function(options) { //判断当前接口是否需要加载动画 if (options.load) { // 关闭加载动画 store.commit("setLoadingShow", false); } } //所有接口数据处理(此方法需要开发者根据各自的接口返回类型修改,以下只是模板) $http.dataFactory = async function(res) { //显示调试信息 if(config.showLog){ // console.log("接口请求数据", { // url: res.url, // resolve: res.response, // header: res.header, // data: res.data, // method: res.method, // }); // console.log("requestConfig:",res); showLog(res.data,res.url,res.response) } //验证需登录接口状态并给与提示 if(res.needLogin&&!res.data.token){ return Promise.reject({ statusCode: 0, errMsg: "请先登录后尝试", data: res.url }); } 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) { if (httpData.code == 0) { // 返回正确的结果(then接受数据) return Promise.resolve(httpData.data); } else if (httpData.code == "1000" || httpData.code == "1001" || httpData.code == 1100 || httpData.code == 402) { // 失败重新请求(最多重新请求3次) // if(res.resend < 3){ // let result = await $http.request({ // url: res.url, // data: res.data, // method: res.method, // header: res.header, // isPrompt: res.isPrompt,//(默认 true 说明:本接口抛出的错误是否提示) // load: res.load,//(默认 true 说明:本接口是否提示加载动画) // isFactory: res.isFactory, //(默认 true 说明:本接口是否调用公共的数据处理方法,设置false后isPrompt参数将失去作用) // resend: res.resend += 1 // 当前重发次数 // }); // // 返回正确的结果(then接受数据) // return Promise.resolve(result); // } // 返回错误的结果(catch接受数据) // return Promise.reject({ // statusCode: 0, // errMsg: "【request】" + (httpData.info || httpData.msg) // }); //----------------------------------------分割线--------------------------------------------------- // 刷新token在重新请求(最多重新请求2次) // if(res.resend < 2){ // let tokenResult = await $http.request({ // url: "http://localhost:7001/api/common/v1/protocol", // 获取token接口地址 // data: { // type: 1000 // }, // 获取接口参数 // method: "GET", // load: false,//(默认 true 说明:本接口是否提示加载动画) // }); // // 储存token // store.commit("userInfo", tokenResult); // let result = await $http.request({ // url: res.url, // data: res.data, // method: res.method, // header: res.header, // isPrompt: res.isPrompt,//(默认 true 说明:本接口抛出的错误是否提示) // load: res.load,//(默认 true 说明:本接口是否提示加载动画) // isFactory: res.isFactory, //(默认 true 说明:本接口是否调用公共的数据处理方法,设置false后isPrompt参数将失去作用) // resend: res.resend += 1 // 当前重发次数 // }); // // 返回正确的结果(then接受数据) // return Promise.resolve(result); // } // 返回错误的结果(catch接受数据) // return Promise.reject({ // statusCode: 0, // errMsg: "【request】" + (httpData.info || httpData.msg) // }); store.commit("emptyUserInfo"); // #ifdef MP-WEIXIN // onLogin();跳转登录页面 // #endif // 返回错误的结果(catch接受数据) return Promise.reject({ statusCode: 0, errMsg: "请求失败:" + (httpData.info || httpData.msg), data: res.data }); } else if (httpData.code == "401") { // token失效 uni.showToast({ title: "登录状态失效请重新登录", icon: "none" }); // 返回错误的结果(catch接受数据) // return Promise.reject({ // statusCode: 0, // errMsg: "【request】" + (httpData.info || httpData.msg), // data: res.data // }); } else { //其他错误提示 if (res.isPrompt) { uni.showToast({ title: httpData.info || httpData.msg|| httpData.message, icon: "none", duration: 3000 }); } // 返回错误的结果(catch接受数据) return Promise.reject({ statusCode: 0, errMsg: "请求失败:" + (httpData.info || httpData.msg|| httpData.message), data: res.data }); } /*********以上只是模板(及共参考),需要开发者根据各自的接口返回类型修改*********/ } else { // 返回错误的结果(catch接受数据) return Promise.reject({ statusCode: res.response.statusCode, errMsg: "请求失败:"+res.response.statusCode, data: res.data }); } }; // 错误回调 $http.requestError = function(e) { // e.statusCode === 0 是参数效验错误抛出的 console.log("-requestError-"); if (e.statusCode === 0) { throw e; } else { console.log(e); uni.showToast({ title: "网络错误,请检查一下网络", icon: "none" }); } } // 添加获取七牛云token的方法 $http.getQnToken = function(callback) { //该地址需要开发者自行配置(每个后台的接口风格都不一样) $http.get("api/common/v1/qn_upload").then(data => { /* *接口返回参数: *visitPrefix:访问文件的域名 *token:七牛云上传token *folderPath:上传的文件夹 *region: 地区 默认为:SCN */ callback({ visitPrefix: data.visitPrefix, token: data.token, folderPath: data.folderPath }); }); } //log日志函数 function showLog(data,url,response){ let weburl = getWebURL(data,url) let temp = url.split("?")[0].split("/") let postName = temp[temp.length-1] console.warn("-------------------->> ["+postName+"][log]\n" +"请求 Data: \n" + JSON.stringify(data) +"\n URL:\n"+weburl +"\n 服务端返回:\n"+JSON.stringify(response.data) +"\n <<-------------------- ["+postName+"][log] ↑↑↑\n") } //获取拼接url function getWebURL(data,url){ let result = "" for(var i in data){ result+=`&${i}=${data[i]}` } return url+"?"+result.slice(1) } export default $http;