初始提交
This commit is contained in:
wanyongkang
338
src/extend/api/api.js
Normal file
338
src/extend/api/api.js
Normal file
@@ -0,0 +1,338 @@
|
||||
import axios from "axios";
|
||||
import qs from 'qs';
|
||||
import router from "../../router";
|
||||
import { Message } from "element-ui";
|
||||
import saveAs from "./../lib/filesaver";
|
||||
import NProgress from 'nprogress';
|
||||
import './../../../static/css/nprogress.css';
|
||||
|
||||
var http = require("./httpurl");
|
||||
function getUserToken(){
|
||||
var data = window.localStorage.getItem("etorcurrentuser");
|
||||
if(data)
|
||||
return JSON.parse(data).Token;
|
||||
return "";
|
||||
}
|
||||
|
||||
var bmsAxios = axios.create({
|
||||
// timeout: 120000,
|
||||
withCredentials: true,
|
||||
baseURL: http.baseURL,
|
||||
headers: {
|
||||
post: {
|
||||
"Content-Type": "application/x-www-form-urlencoded;charset=UTF-8"
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
bmsAxios.interceptors.request.use(
|
||||
config => {
|
||||
var data = "";
|
||||
if (window.localStorage.getItem("etorcurrentuser")) {
|
||||
data = window.localStorage.getItem("etorcurrentuser");
|
||||
}
|
||||
|
||||
if (data == "") {
|
||||
config.headers.token = "";
|
||||
config.headers.sid = sid || 0;
|
||||
} else {
|
||||
config.headers.token = JSON.parse(data).Token;
|
||||
//var TenantId = JSON.parse(data).Manager.TenantId;
|
||||
//var OperaterID = JSON.parse(data).Manager.ID;
|
||||
}
|
||||
var sid = window.localStorage.getItem("sid");
|
||||
config.headers.sid = sid || 0;
|
||||
removeNullAndUndefinedProperty(config.data)//没用的参数不要传
|
||||
removeNullAndUndefinedProperty(config.params)//没用的参数不要传
|
||||
if (config.url != "Permission/AgainGetToken") {
|
||||
window.localStorage.setItem(
|
||||
"lastrequesttime",
|
||||
JSON.stringify(Date.now())
|
||||
); //记录用户最后请求时间
|
||||
}
|
||||
//debugger
|
||||
return config;
|
||||
},
|
||||
error => {
|
||||
return Promise.reject(error);
|
||||
}
|
||||
);
|
||||
// 返回状态
|
||||
let onceMessage = false;
|
||||
bmsAxios.interceptors.response.use(
|
||||
res => {
|
||||
return res;
|
||||
},
|
||||
error => {
|
||||
//有异常
|
||||
if (error.response) {
|
||||
switch (error.response.status) {
|
||||
case 401:
|
||||
if (onceMessage) return;
|
||||
onceMessage = true;
|
||||
// Message.error("信息过期，请重新登陆");
|
||||
router.replace({
|
||||
path: "/login",
|
||||
query: {
|
||||
redirect: router.currentRoute.fullPath
|
||||
}
|
||||
});
|
||||
break;
|
||||
case 204:
|
||||
Message.error("暂无数据");
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
return Promise.reject(error);
|
||||
}
|
||||
);
|
||||
|
||||
export function get(url, config) {
|
||||
return new Promise((resolve, reject) => {
|
||||
bmsAxios.get(url, {
|
||||
params: config,
|
||||
paramsSerializer: function (params) {
|
||||
return qs.stringify(params, { arrayFormat: 'repeat' })
|
||||
}
|
||||
}).then(
|
||||
response => {
|
||||
if (response.data.Code == 10000) {
|
||||
return resolve(response.data);
|
||||
} else {
|
||||
Message.error(response.data.Message||"数据异常")
|
||||
}
|
||||
},
|
||||
err => {
|
||||
reject(err);
|
||||
}
|
||||
)
|
||||
.catch(error => {
|
||||
reject(error);
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
export function post(url, params) {
|
||||
return new Promise((resolve, reject) => {
|
||||
bmsAxios.post(url, params).then(
|
||||
response => {
|
||||
if (response.data.Code == 10000) {
|
||||
Message.success("操作成功")
|
||||
return resolve(response.data);
|
||||
} else {
|
||||
Message.error(response.data.Message)
|
||||
}
|
||||
},
|
||||
err => {
|
||||
Message.error("操作失败")
|
||||
reject(err);
|
||||
}
|
||||
)
|
||||
.catch(error => {
|
||||
Message.error("操作异常")
|
||||
reject(error);
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
export function put(url, params) {
|
||||
return new Promise((resolve, reject) => {
|
||||
bmsAxios.put(url, params).then(
|
||||
response => {
|
||||
resolve(response.data);
|
||||
},
|
||||
err => {
|
||||
reject(err);
|
||||
}
|
||||
)
|
||||
.catch(error => {
|
||||
reject(error);
|
||||
});
|
||||
});
|
||||
}
|
||||
export function del(url, config) {
|
||||
return new Promise((resolve, reject) => {
|
||||
bmsAxios.delete(url, { params: config }).then(
|
||||
response => {
|
||||
resolve(response.data);
|
||||
},
|
||||
err => {
|
||||
reject(err);
|
||||
}
|
||||
)
|
||||
.catch(error => {
|
||||
reject(error);
|
||||
});
|
||||
});
|
||||
}
|
||||
/** 使用 get HTTP Method 下载文件 */
|
||||
export function getDownloadFile(url, params, name) {
|
||||
NProgress.start();
|
||||
return new Promise((resolve, reject) => {
|
||||
bmsAxios
|
||||
.get(url, {
|
||||
params: {
|
||||
...params,
|
||||
params: params
|
||||
},
|
||||
responseType: "blob"
|
||||
})
|
||||
.then(response => {
|
||||
//确定最终文件名
|
||||
const fileNameHeader = "x-suggested-filename";
|
||||
let suggestedFileName = response.headers[fileNameHeader] || name;
|
||||
if (suggestedFileName)
|
||||
suggestedFileName = decodeURIComponent(suggestedFileName);
|
||||
const effectiveFileName =
|
||||
suggestedFileName === undefined ? "untitled" : suggestedFileName;
|
||||
|
||||
//长度为零给出提示，扔出错误
|
||||
if (response.data.size == 0) throw new Error("文件长度为0");
|
||||
|
||||
//返回json，进行解析，获取Message，扔出错误
|
||||
if (response.data.type == "application/json") {
|
||||
let reader = new FileReader();
|
||||
reader.onload = function (event) {
|
||||
var message = JSON.parse(event.target.result);
|
||||
reject(new Error(message.Message)); //拒绝
|
||||
};
|
||||
reader.readAsText(response.data);
|
||||
} else {
|
||||
saveAs(response.data, effectiveFileName);
|
||||
resolve(); //解决
|
||||
}
|
||||
})
|
||||
.catch(e => reject(e)).finally(function () {
|
||||
NProgress.done();
|
||||
}); //拒绝
|
||||
});
|
||||
}
|
||||
export function all(urlArr) { //并发请求
|
||||
if (urlArr.length > 6) {
|
||||
throw '当前不支持数量大于6个的并发请求';
|
||||
}
|
||||
return new Promise((resolve, reject) => {
|
||||
axios.all(urlArr).then(
|
||||
axios.spread((v0, v1, v2, v3, v4, v5) => {
|
||||
let ret = {};
|
||||
arguments.forEach((item, idx) => {
|
||||
if (item)
|
||||
ret[`ret${idx}`] = item
|
||||
})
|
||||
resolve(item);
|
||||
}),
|
||||
err => {
|
||||
reject(err);
|
||||
}
|
||||
)
|
||||
.catch(error => {
|
||||
reject(error);
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
export function axiosHttp(url, params, type = 'get') {
|
||||
return new Promise((resolve, reject) => {
|
||||
axios[type](url, { params: params }).then(
|
||||
response => {
|
||||
resolve(response.data);
|
||||
},
|
||||
err => {
|
||||
reject(err);
|
||||
}
|
||||
).catch(error => {
|
||||
reject(error);
|
||||
});
|
||||
});
|
||||
}
|
||||
function removeNullAndUndefinedProperty(model) {//移除对象中值为null、undefined的属性
|
||||
if (model) {
|
||||
for (let key in model) {
|
||||
if (model[key] === null || typeof (model[key]) === 'undefined') {
|
||||
delete model[key]
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function createFileInput(accept, onSelect) {
|
||||
var lastFileInput = document.getElementById("f1_id");
|
||||
if (lastFileInput != null) {
|
||||
document.body.removeChild(lastFileInput);
|
||||
}
|
||||
lastFileInput = document.createElement("input");
|
||||
lastFileInput.type = "file";
|
||||
lastFileInput.name = "f1";
|
||||
lastFileInput.id = "f1_id";
|
||||
accept && (lastFileInput.accept = accept);
|
||||
lastFileInput.setAttribute("style", "display:none;");
|
||||
document.body.appendChild(lastFileInput);
|
||||
lastFileInput.onchange = function (e) {
|
||||
var f = lastFileInput.files[0];
|
||||
onSelect && onSelect(f)
|
||||
}
|
||||
return lastFileInput;
|
||||
}
|
||||
export function getUuid(length) {
|
||||
return Number(Math.random().toString().substr(3, length) + Date.now()).toString(36);
|
||||
}
|
||||
|
||||
//通过axios上传文件
|
||||
export function upload(url, uconfig) {
|
||||
var uconfig = uconfig || {};
|
||||
var params = uconfig.params || {};
|
||||
var accept = uconfig.accept || "image/gif, image/jpeg,image/jpg,image/png,image/*";
|
||||
var onProgress = uconfig.onProgress || function () { };
|
||||
var onStart = uconfig.onStart || function () { };
|
||||
var uuid = uconfig.uuid || getUuid(10);
|
||||
let config = {
|
||||
headers: {
|
||||
"Content-Type": "multipart/form-data",
|
||||
"token":getUserToken(),
|
||||
"sid":0
|
||||
},
|
||||
transformRequest: [function (data) {
|
||||
return data
|
||||
}],
|
||||
onUploadProgress: e => {
|
||||
var completeProgress = ((e.loaded / e.total * 100) | 0);
|
||||
onProgress && onProgress(uuid, completeProgress);
|
||||
console.log("onUploadProgress:" + completeProgress);
|
||||
}
|
||||
}
|
||||
let formData = new FormData();
|
||||
for (let key of Object.keys(params)) {
|
||||
formData.append(key, params[key] !== null ? params[key] : '')
|
||||
}
|
||||
return new Promise((resolve, reject) => {
|
||||
var lastFileInput = createFileInput(accept, file => {
|
||||
if (!file)
|
||||
reject("没有选择文件")
|
||||
formData.append(file.name, file);
|
||||
onStart && onStart(uuid, file);
|
||||
|
||||
var uploadAxios = axios.create({
|
||||
withCredentials: true,
|
||||
baseURL: http.baseURL
|
||||
});
|
||||
uploadAxios.post(url, formData, config).then(
|
||||
response => { resolve(response.data) },
|
||||
err => { reject(err) }
|
||||
).catch(error => { reject(error) })
|
||||
})
|
||||
lastFileInput.click();
|
||||
});
|
||||
}
|
||||
export default {
|
||||
baseURL: http.baseURL,
|
||||
get,
|
||||
post,
|
||||
del,
|
||||
put,
|
||||
upload,//:httpfile.upload,
|
||||
getDownloadFile,
|
||||
all(urlArr) { //并发请求
|
||||
return all(urlArr);
|
||||
}
|
||||
};
|
||||
Reference in New Issue
Block a user