@hbisty/qj-common 5.0.4

package/src/utils/request.js

@@ -0,0 +1,374 @@
+import axios from 'axios';
+
+// import Vue from 'vue'0
+// import ElementUI from "element-ui";
+// Vue.use(ElementUI)
+import { getLocalStorage, setLocalStorage, removeToken } from './auth';
+import { getQueryString } from './getQueryString';
+
+
+import Cookies from 'js-cookie'
+
+
+// White List
+const whites = [`/web/rs/goodsFile/uploadGoodsFile.json`, `/web/rs/goodsFile/uploadGoodsFileFroAt.json`];
+
+/**
+ * Code By Joenix
+ * ======== ======== ========
+ */
+
+// Encoode
+function encode(param) {
+  try {
+    if (param.constructor === Object) {
+      return encode(JSON.stringify(param));
+    }
+
+    if (param.constructor === Function) {
+      return encode(param());
+    }
+  } catch (e) {
+    console.log(`param encode error: `, param);
+    return param;
+  }
+
+  return encodeURI(param);
+}
+
+// Interceptor
+function interceptor(config) {
+  // White List
+  if (!!~whites.indexOf(config.url)) {
+    return config;
+  }
+
+  // Preset Params
+  let params = localStorage.getItem('_params');
+
+  // Tolence Format
+  if (params) {
+    params = params != 'undefined' ? JSON.parse(params) : null;
+  }
+  // Tolence Value
+  else {
+    params = '';
+  }
+
+  // Post
+  if (config.method === `post`) {
+    // Get Uri from Config as URL
+    const uri = new URLSearchParams(config.data);
+
+    // Loop Uri
+    for (let value of uri.values()) {
+      value = encode(value);
+    }
+
+    // Reset Uri
+    config.data = uri;
+
+    // extend params
+    if (params.constructor === FormData) {
+      for (let key of params.keys()) {
+        config.data += `&${key}=${encode(params.get(key))}`;
+      }
+      return config;
+    }
+
+    for (let key in params) {
+      if (params.hasOwnProperty(key)) {
+        config.data += `&${key}=${encode(params[key])}`;
+      }
+    }
+  }
+
+  // Get
+  if (config.method === `get`) {
+    // extend params
+    for (var key in params) {
+      if (params.hasOwnProperty(key)) {
+        params[key] = encode(params[key])
+      }
+    }
+    config.params ? (config.params[`${key}`] = params[key]) : (config.params = params);
+  }
+
+  return config;
+}
+
+// 创建axios实例
+var loading = true,
+  loadingObj = null;
+var ajaxCount = 0;
+let that = Vue.prototype;
+
+let hrefs = window.location.href, hosts = window.location.host;
+var secDomainName = '';
+if (window.__POWERED_BY_QIANKUN__) {
+  secDomainName = process.env.API_ROOT
+} else if (hrefs && hosts) {
+  let name = hrefs.split(hosts)[1] ? hrefs.split(hosts)[1].split('/')[1] : null;
+  secDomainName = name && name !== 'paas' && process.env.NODE_ENV != 'development' ? process.env.API_ROOT + '/' + name : process.env.API_ROOT
+} else {
+  secDomainName = process.env.API_ROOT
+}
+
+
+
+sessionStorage.setItem('secDomainName', secDomainName)
+console.log(process.env, 'process.env')
+console.log(secDomainName, 'process.env')
+const service = axios.create({
+  baseURL: secDomainName, // api的base_url
+  // baseURL: 'http://192.168.5.172:8081/', // api的base_url
+  timeout: 400000, // 请求超时时间
+  // headers: 'saas-proappcode'
+});
+// console.log(this.$store.state.ADD_MENU,'2333');
+console.log(service, 'service')
+// 使用证书
+axios.defaults.withCredentials = true;
+
+//设置header传值模式
+service.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded;charset=UTF-8';
+
+// request拦截器
+service.interceptors.request.use(
+  config => {
+    // let interfaceArray = ['/web/rs/goodsFile/uploadGoodsFile.json']; // 设定请求的接口不加渠道
+    // let _params = localStorage.getItem('_params') && localStorage.getItem('_params') != 'undefined' ? JSON.parse(localStorage.getItem('_params')) : null;
+    // // console.log(_params, "proappMenuQparamproappMenuQparam")
+    // // console.log(config, _params, "config")
+    // if (config.method == 'post') {
+    //   if (_params && interfaceArray.indexOf(config.url) < 0) {
+    //     // Console
+    //     console.log(`Request Method Post: `, _params);
+    //
+    //     if (_params.constructor) {
+    //     }
+    //
+    //     for (var key in _params) {
+    //       if (_params.hasOwnProperty(key) === true) {
+    //         // console.log(key, 'key');
+    //         // config.data += `&${key}=${_params[key]}`;
+    //
+    //         config.data += `&${key}=${encode(_params[key])}`;
+    //       }
+    //     }
+    //   }
+    //
+    //   // config.data ? config.data += '&qwe=123' : config.data = 'qwe=123'
+    // } else if (config.method == 'get') {
+    //   // config.params = ''
+    //   if (_params && interfaceArray.indexOf(config.url) < 0) {
+    //     // Console
+    //     console.log(`Request Method Get: `, _params);
+    //
+    //     for (var key in _params) {
+    //       if (_params.hasOwnProperty(key) === true) {
+    //         // config.params
+    //         //   ? (config.params[`${key}`] = `${_params[key]}`)
+    //         //   : (config.params = _params);
+    //
+    //         config.params ? (config.params[`${key}`] = encode(`${_params[key]}`)) : (config.params = encode(_params));
+    //       }
+    //     }
+    //   }
+    // }
+
+    // if (config.data) {
+    //   config.data['qwe'] = "123"
+    // }
+
+    // Reset Config -- By Joenix
+    config = interceptor(config);
+
+    if (getLocalStorage('saas-tenantcode')) {
+      config.headers['saas-tenantcode'] = getLocalStorage('saas-tenantcode');
+    }
+    // if (getLocalStorage('saas-token')) {
+    //   config.headers['saas-token'] = getLocalStorage('saas-token');
+    // }
+    // if (window.qs && window.qs['saas-token']) {
+    //   config.headers['saas-token'] = window.qs['saas-token']
+    // } else 
+    if (getQueryString('saas-token')) {
+      config.headers['saas-token'] = getQueryString('saas-token');
+      console.log('saas-token', getQueryString('saas-token'));
+    } else if (getLocalStorage('saas-token')) {
+      config.headers['saas-token'] = getLocalStorage('saas-token');
+    }
+    if (getLocalStorage('saas-proappcode')) {
+      config.headers['saas-proappcode'] = getLocalStorage('saas-proappcode');
+    }
+    if (getLocalStorage('saas-companycode')) {
+      config.headers['saas-companycode'] = getLocalStorage('saas-companycode');
+    }
+    /*if (getLocalStorage('saas-tginfocode')) {
+      config.headers['saas-tginfocode'] = getLocalStorage('saas-tginfocode')
+  }*/
+    if (getLocalStorage('saas-proappEnv')) {
+      config.headers['saas-proappEnv'] = getLocalStorage('saas-proappEnv');
+    }
+    if ('loading' in config) {
+      loading = config.loading;
+    }
+
+    if (loading) {
+      //    console.log("开始loading")
+      if (loadingObj == null) {
+        loadingObj = that.$loading({
+          lock: true,
+          // text: 'Loading···',
+          spinner: 'el-icon-loading',
+          background: 'rgba(0, 0, 0, 0.1)',
+        });
+      } else {
+        //        console.log(loadingObj,"loadingObj")
+      }
+    }
+    ajaxCount++;
+    return config;
+  },
+  error => {
+    // Do something with request error
+    // console.log(error) // for debug
+    Promise.reject(error);
+  }
+);
+
+// respone拦截器
+service.interceptors.response.use(
+  response => {
+    console.log(response, 'responseresponse');
+
+    /**
+     * code为非20000是抛错 可结合自己业务进行修改
+     */
+    ajaxCount--;
+    // if (ajaxCount === 0 && loading) {
+    // if (loading) {
+    if (loadingObj) {
+      //  console.log("开始关闭")
+      loadingObj.close();
+    }
+
+    // loading = true
+    // console.log("开始关闭")
+    // }
+
+    // }
+    let res = response;
+    // console.log(res,"res")
+    //todo 修改.现在未有token
+    if (response.status !== 200) {
+      that.$message.error(res.data);
+      // that.$message({
+      //   message: res.data,
+      //   type: 'error',
+      //   duration: 5 * 1000
+      // })
+
+      return Promise.reject('error');
+    } else {
+      // 获取头部信息
+      var tenantcode = response.headers['saas-tenantcode'];
+      var token = response.headers['saas-token'];
+      var proappcode = response.headers['saas-proappcode'];
+      var tginfocode = response.headers['saas-tginfocode'];
+      var proappEnv = response.headers['saas-proappEnv'];
+      var companycode = response.headers['saas-companycode'];
+      var cookieKey = response.headers['saas-cookiekey'];
+      window.sessionStorage.setItem('cookieKey', cookieKey);
+      let menuCode = window.sessionStorage.getItem('menuCode') ? window.sessionStorage.getItem('menuCode') : '';
+      let commonShowMenuAction = window.sessionStorage.getItem('commonShowMenuAction') ? window.sessionStorage.getItem('commonShowMenuAction') : '';
+
+
+      setLocalStorage('saas-tenantcode', tenantcode);
+      setLocalStorage('saas-token', token);
+      setLocalStorage('saas-proappcode', proappcode);
+      setLocalStorage('saas-tginfocode', tginfocode);
+      setLocalStorage('saas-proappEnv', proappEnv);
+      setLocalStorage('saas-companycode', companycode);
+      // console.log(res.data && res.data.errorCode,'res.data && res.data.errorCode')
+      if (res.data && res.data.errorCode == 'nologin') {
+        let isRedirect = window.sessionStorage.getItem("proappEnvLayout");
+        let proappEnvLayout = {};
+        if (isRedirect) {
+          proappEnvLayout = JSON.parse(isRedirect);
+        }
+        window.sessionStorage.clear();
+        window.localStorage.clear();
+        let nJson = JSON.parse(res.data.dataObj);
+        let nUrl = window.location.origin + window.location.pathname + window.location.hash.split('?')[0];
+        if (window.location.hash.split('?')[1]) {
+          sessionStorage.setItem('urlParams', JSON.stringify(window.location.hash.split('?')[1]));
+          nUrl = nUrl + '?' + window.location.hash.split('?')[1];
+        }
+        if (process.env.NODE_ENV === 'development') {
+          if (!window.qs) {
+            window.location.href = secDomainName + nJson.loginurl + '?url=' + nUrl;
+          } else {
+            setLocalStorage('saas-token', window.qs['saas-token']);
+            Cookies.set('saas-token-plat', window.qs['saas-token'])
+          }
+          // window.location.href = process.env.API_ROOT + nJson.loginurl
+        } else {
+          // 如果检查到没有登录，则清除保存的登录cookie
+          if (!window.qs) {
+            let newDomain = document.domain
+              .split('.')
+              .splice(-2)
+              .join('.');
+            removeToken('LOGININFO', newDomain, '/');
+            removeToken('personalInfo', newDomain, '/');
+            console.log(nJson, 'nJson')
+            if (window.__POWERED_BY_QIANKUN__) {
+              window.history.pushState(null, '', '/login');
+            } else if (nUrl.indexOf('login') < 0 && !proappEnvLayout.proappEnvOpentype) {
+              if (nUrl.indexOf('/404') !== -1) {
+                window.location.href = secDomainName + nJson.loginurl
+              } else {
+                window.location.href = secDomainName + nJson.loginurl + '?url=' + nUrl;
+              }
+
+            } else {
+              window.location.href = secDomainName + nJson.loginurl;
+            }
+          } else {
+            setLocalStorage('saas-token', window.qs['saas-token']);
+            Cookies.set('saas-token-plat', window.qs['saas-token'])
+          }
+        }
+      }
+      window.sessionStorage.setItem('menuCode', menuCode);// 当前页存进去
+      window.sessionStorage.setItem('commonShowMenuAction', commonShowMenuAction);// 当前页存进去
+
+      // else if (!response.config.isValid && res.data && 'success' in res.data && !res.data.success) {
+      //   console.log(response.data, 'lllll');
+      //   // that.$message.error(res.data.msg);
+      // } else {
+      //   console.log(response.data, '2222');
+      // }
+
+      return response.data;
+    }
+  },
+  error => {
+    // that.$msgbox({
+    //   message: error.message,
+    //   type: 'error',
+    //   duration: 5 * 1000
+    // })
+    that.$message.error(error.message);
+    if (loadingObj) {
+      loadingObj.close();
+      // console.log("开始关闭,error")
+      // loading = true
+    }
+    return Promise.reject(error);
+  }
+);
+
+export default service;

package/src/utils/routeMapping.js

@@ -0,0 +1,40 @@
+import jsonData from "#/utils/routeMapping.json";
+export function routeMappingFn(name) {
+  let pageObj = {};
+  jsonData.forEach(ele => {
+    if (ele.name == name) {
+      pageObj = ele;
+    }
+  })
+  return pageObj;
+}
+
+/**
+ * 埋点 - 流量位点击
+ * @param moduleName: 模块名称
+ * @param pitPosition: 坑位位置
+ * @param pitName: 流量位名称
+ * 
+ */
+export function flowClickFn(pageType, pageName, moduleName, pitPosition, pitName) {
+  let utmObj = JSON.parse(sessionStorage.getItem('utmObj')) || {}; //获取utm参数
+  if (!utmObj) {
+    utmObj = {
+      "utmSource_var": "-",
+      "utmCampaign_var": "-",
+      "utmMedia_var": "-",
+      "utmContent_var": "-",
+      "utmTerm_var": "-"
+    }
+  }
+  let curRouteName = sessionStorage.getItem("curRouteName");
+  let pathObj = routeMappingFn(curRouteName);
+  let obj = {
+    "pageType_var": pageType,
+    "pageName_var": pageName ? pageName : pathObj.pageName ? pathObj.pageName : "-",
+    "moduleName_var": moduleName,
+    "pitPosition_var": pitPosition,
+    "pitName_var": pitName
+  }
+  gio('track', "flowClick", Object.assign(obj, utmObj))
+}