fix bugs

src/axios.js

@@ -0,0 +1,130 @@
+/**
+ * 全站http配置
+ *
+ * axios参数说明
+ * isSerialize是否开启form表单提交
+ * isToken是否需要token
+ */
+import axios from 'axios';
+import store from '@/store/';
+import router from '@/router/';
+import { serialize } from 'utils/util';
+import { getToken } from 'utils/auth';
+import { isURL } from 'utils/validate';
+import { ElMessage } from 'element-plus';
+import website from '@/config/website';
+import NProgress from 'nprogress'; // progress bar
+import 'nprogress/nprogress.css'; // progress bar style
+import { Base64 } from 'js-base64';
+import { baseUrl } from '@/config/env';
+import crypto from '@/utils/crypto';
+
+axios.defaults.timeout = 10000;
+//返回其他状态吗
+axios.defaults.validateStatus = function (status) {
+  return status >= 200 && status <= 500; // 默认的
+};
+//跨域请求，允许保存cookie
+axios.defaults.withCredentials = true;
+// NProgress Configuration
+NProgress.configure({
+  showSpinner: false,
+});
+//HTTPrequest拦截
+axios.interceptors.request.use(
+  config => {
+    // start progress bar
+    NProgress.start();
+    //地址为已经配置状态则不添加前缀
+    if (!isURL(config.url) && !config.url.startsWith(baseUrl)) {
+      console.log(
+        '%c [  ]: ',
+        'color: #bf2c9f; background: pink; font-size: 13px;',
+        'baseUrl',
+        baseUrl,
+        'config.url',
+        config.url
+      );
+      config.url = baseUrl + config.url;
+    }
+    //安全请求header
+    config.headers['Blade-Requested-With'] = 'BladeHttpRequest';
+    //headers判断是否需要
+    const authorization = config.authorization === false;
+    if (!authorization) {
+      config.headers['Authorization'] = `Basic ${Base64.encode(
+        `${website.clientId}:${website.clientSecret}`
+      )}`;
+    }
+    //headers判断请求是否携带token
+    const meta = config.meta || {};
+    const isToken = meta.isToken === false;
+    //headers传递token是否加密
+    const cryptoToken = config.cryptoToken === true;
+    //判断传递数据是否加密
+    const cryptoData = config.cryptoData === true;
+    const token = getToken();
+    if (token && !isToken) {
+      config.headers[website.tokenHeader] = cryptoToken
+        ? 'crypto ' + crypto.encryptAES(token, crypto.cryptoKey)
+        : 'bearer ' + token;
+    }
+    // 开启报文加密
+    if (cryptoData) {
+      if (config.params) {
+        const data = crypto.encryptAES(JSON.stringify(config.params), crypto.aesKey);
+        config.params = { data };
+      }
+      if (config.data) {
+        config.text = true;
+        config.data = crypto.encryptAES(JSON.stringify(config.data), crypto.aesKey);
+      }
+    }
+    //headers中配置text请求
+    if (config.text === true) {
+      config.headers['Content-Type'] = 'text/plain';
+    }
+    //headers中配置serialize为true开启序列化
+    if (config.method === 'post' && meta.isSerialize === true) {
+      config.data = serialize(config.data);
+    }
+    return config;
+  },
+  error => {
+    return Promise.reject(error);
+  }
+);
+//HTTPresponse拦截
+axios.interceptors.response.use(
+  res => {
+    NProgress.done();
+    const status = res.data.code || res.status;
+    const statusWhiteList = website.statusWhiteList || [];
+    const message = res.data.msg || res.data.error_description || '系统错误';
+    const config = res.config;
+    const cryptoData = config.cryptoData === true;
+    //如果在白名单里则自行catch逻辑处理
+    if (statusWhiteList.includes(status)) return Promise.reject(res);
+    //如果是401则跳转到登录页面
+    if (status === 401) store.dispatch('FedLogOut').then(() => router.push({ path: '/login' }));
+    // 如果请求为非200否者默认统一处理
+    if (status !== 200) {
+      ElMessage({
+        message: message,
+        type: 'error',
+      });
+      return Promise.reject(new Error(message));
+    }
+    // 解析加密报文
+    if (cryptoData) {
+      res.data = JSON.parse(crypto.decryptAES(res.data, crypto.aesKey));
+    }
+    return res;
+  },
+  error => {
+    NProgress.done();
+    return Promise.reject(new Error(error));
+  }
+);
+
+export default axios;