sd.js

import $global from "./global";
import $g from "./sg";
import $ from "jquery";
import {Message, Loading} from "element-ui";//引入饿了么相关组件
import {Base64} from "js-base64"; //cnpm i --save js-base64 & cnpm i --save
//import axios from 'axios';const isLocal = location.href.includes("localhost") || location.href.includes("127.0.0.1") || location.href.includes("192.168"); //是否本地运行
//常用路径----------------------------------------------------------------
// const API_ROOT_URL = "//xxx.xxx.com/api"; //发布到服务器用这个，远程测试服务器
const API_ROOT_URL = "/api"; //本地代理测试服务器if (isLocal) {var isLocalAPI = API_ROOT_URL.includes("localhost") || API_ROOT_URL.includes("127.0.0.1") || API_ROOT_URL.includes("192.168");Message.error(`测试环境：${isLocalAPI ? "本地" : "远程服务器"}API`);
}// 常量----------------------------------------
const website = {clientId: "xxx",clientSecret: "xxx"
};
//主体请求----------------------------------------------------------------
export default {//API URL❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤// 公共方法________________________________________________//API FUNCTION ❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤load: {},// 显示加载动画loading(text = "加载中…", name) {this.load && (this.load[name] = Loading.service({text}));},// 显示加载动画hideLoading(name) {this.load && this.load[name] && this.load[name].close();},// 错误提示errorTip(where, d, url) {Message.error("【可能是" +where + "报错】\n\r" +"接口地址：" + url + "\n\r" +"返回报文：" + JSON.stringify(d, null, 4));},// 跳转到登录页面jumpLoginPage(todo = false) {if (!location.hash.includes("/login")) {if (todo) {Message.success("已退出");} else {var token = $g.cookie.get("token"); //获取tokenMessage.error(token ? "登录状态已过期，请重新登录！" : "您还未登录，请登录后操作！");// alert(token ? "登录状态已过期，请重新登录！" : "您还未登录，请登录后操作！");}$g.cookie.clearAll();var storageKey = $global.config.storageKey;localStorage.removeItem(storageKey);var url = location.href.split("#")[0] + "#/login?url=" + encodeURIComponent(location.href);location.replace(url);}},// 获取当前用户名/* getUserName() {var up = localStorage.getItem($global.config.storageKey); //获取本地保存的用户名和密码if (up) {up = up.split($global.config.splitStr);return Base64.decode(up[0]);} else {this.jumpLoginPage();}}, *///API FUNCTION ❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤__sd(url, data, doing = {}, otherConfig = {}, type) {//别名转义 ----------------------------------------------------------------doing.s && (doing.success = doing.s); //精简别名doing.f && (doing.fail = doing.f); //精简别名doing.e && (doing.error = doing.e); //精简别名typeof doing.l === "string" ? this.loading(doing.l, url) : (doing.l && (doing.loading = doing.l)); //精简别名[加载]// ----------------------------------------------------------------var token = $g.cookie.get("token"); //获取token//noAutoToken=true代表该接口无需保持登录状态就可以获取信息，譬如一些公共对外开放的接口if (!otherConfig.noAutoToken) {data || (data = {});if (token) {data["Blade-Auth"] = "bearer   " + token;} else {doing.loading && doing.loading.close(); //关闭加载// 如果本地没有tokenif (location.href.includes("/login")) {} else {//判断如果不是在登录页，且本地没有token或者token里面没有用户名和密码，则直接跳转到登录页面return this.jumpLoginPage();}}}// ----------------------------------------------------------------var headers = {"Content-Type": data["Content-Type"] || "application/x-www-form-urlencoded","Authorization": `Basic ${Base64.encode(`${website.clientId}:${website.clientSecret}`)}`//所有页面都要Authorization};data["Blade-Auth"] && (headers["Blade-Auth"] = data["Blade-Auth"]);if (data) {var contentType = data["Content-Type"];delete data["Content-Type"];delete data["Authorization"];delete data["Blade-Auth"];if (location.href.includes("/login")) {$g.cookie.clearAll();}if (contentType === "application/json") {data = JSON.stringify(data);}}doing.loading && doing.loading.show && doing.loading.show(); //显示加载动画$.ajax({timeout: 10 * 60 * 1000, //设置默认超时时间10分钟type: type || "POST",url,data,headers,success: d => {doing.loading && doing.loading.close(); //关闭加载this.hideLoading(url); //关闭加载switch (d.code) {case 200: //登录成功 ❤ ❤ ❤ ❤ ❤ ❤ ❤ ❤d.data && d.data.accessToken && (token = d.data.accessToken); //更新token$g.cookie.setByMinute("token", token, 60); //存储到本地60分钟的保存时间doing.success && doing.success(otherConfig.isGetAllData ? d : (d.data || d));break;case 401: //token失效 ☠ ☠ ☠ ☠this.jumpLoginPage();doing.fail && doing.fail(d);break;case -1: //请求失败 ✖ ✖ ✖ ✖default: //请求失败 ✖ ✖ ✖ ✖doing.fail ? doing.fail(d) : Message.error(d.msg);console.log("【报错】" + JSON.stringify(d, null, 4));break;}},error: d => { //请求报错 ✖ ✖ ✖ ✖doing.loading && doing.loading.close(); //关闭加载this.hideLoading(url); //关闭加载doing.error ? doing.error(d) : this.errorTip("后端逻辑", d, url);console.log("【报错】" + JSON.stringify(d, null, 4));}});},//❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤//登录接口login(data, doing) {this.__sd(API_ROOT_URL + "/login/token", data, doing, {noAutoToken: true});},// 例子************************************************demo(data = {}, doing) {data["Content-Type"] = "application/json";this.__sd(API_ROOT_URL + "/api-data/query ", data, doing, {}, "post");}, // ----------------------------------------
};

使用demo

//精简模式----------------------------------------
var d = { id: 1 };this.$d.API(d, {//l: { show: () => (this.loading = true), close: () => (this.loading = false), },s: (d) => {console.log("【成功】", d);}
});//一般模式----------------------------------------
var d = { param: "参数值", pageNum: 0 };this.$d.API_NAME(d, {l: "加载中…",//l: { show: () => (this.loading = true), close: () => (this.loading = false),  },s: (d) => {console.log("【成功】", d);} //,f:d=> this.$message.error(d.msg),});

sd.js 2.0封装：更加简化请求传参内容相关推荐

pdf.js 请求传参关键词并高亮显示
pdf.js 请求传参关键词并高亮显示 1.去官网下载: http://mozilla.github.io/pdf.js/getting_started/#download 2.将下载的包copy到s ...
scrapy框架的日志等级和请求传参
Scrapy的日志等级 - 在使用scrapy crawl spiderFileName运行程序时,在终端里打印输出的就是scrapy的日志信息.- 日志信息的种类:ERROR : 一般错误WARNI ...
scrapy实现post请求与请求传参
不推荐使用scrapy框架发送post请求,配置复杂,如果在数据量大的情况下,可以通过如下代码来实现: import scrapyclass FySpider(scrapy.Spider):name ...
18-爬虫之scrapy框架请求传参实现的深度爬取（全站爬取）05
请求传参实现的深度爬取深度爬取:爬取的数据没有在同一张页面中(首页数据+详情页数据) 在scrapy中如果没有请求传参我们是无法进行持久化存储数据的实现方式: scrapy.Request(url ...
爬虫开发10.scrapy框架之日志等级和请求传参
今日概要日志等级请求传参今日详情一.Scrapy的日志等级 - 在使用scrapy crawl spiderFileName运行程序时,在终端里打印输出的就是scrapy的日志信息. - 日志 ...
axios 最全请求拦截器响应拦截器配置公共请求头超时时间以及get delete post put 四种请求传参方式
axios 拦截器请求拦截器请求拦截器的作用是在请求发送前进行一些操作例如在每个请求体里加上token,统一做了处理如果以后要改也非常容易响应拦截器响应拦截器的作用是在接收到响应后进行一些操 ...
jmeter测试接口--form表单提交请求（解决请求传参为空的问题）
jmeter测试接口--form表单提交请求(解决请求传参为空的问题) 参考文章: (1)jmeter测试接口--form表单提交请求(解决请求传参为空的问题) (2)https://www.cnbl ...
java get请求传参_Java-ThreadLocal三种使用场景
ThreadLocal对于每一位Java读者而言我想可能都不陌生,因为面试基本都会被问到. Java-ThreadLocal三种使用场景关于ThreadLocal JDK1.2的版本中就提供java ...
a标签用ajax请求传参,Django中如何实现传参的Ajax请求
带参数的Ajax请求通过Ajax实现下面的功能: 在实现这个功能之前需要掌握的点: 1.在学习jQuery时,我们知道: 获取input标签中输入的值:$("#num1").va ...

sd.js 2.0封装：更加简化请求传参内容

sd.js

使用demo

sd.js 2.0封装：更加简化请求传参内容相关推荐

最新文章

热门文章