路由跳转Modal.destroyAll()和message.destroy()

Author: introvert-y

package.json

@@ -52,7 +52,9 @@
     "react-dev-utils": "^9.0.2",
     "react-dom": "^16.9.0",
     "react-redux": "^7.1.1",
+    "react-router": "^5.1.2",
     "redux": "^4.0.4",
+    "reqwest": "^2.0.5",
     "resolve": "1.12.0",
     "resolve-url-loader": "3.1.0",
     "sass-loader": "7.2.0",
@@ -143,5 +145,6 @@
   "devDependencies": {
     "react-router-dom": "^5.0.1",
     "react-transition-group": "^4.3.0"
-  }
+  },
+  "proxy": "http://193.112.220.108:8080"
 }

src/history.js

@@ -0,0 +1,4 @@
+import { createHashHistory } from 'history';
+
+const history = createHashHistory();
+export default history;

src/page/Reload/index.jsx

@@ -0,0 +1,24 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { Redirect } from 'react-router-dom';
+
+import { searchParser } from '../../utils/index';
+import req from '../../req';
+
+function Page({ location }) {
+  req.clearAllCache();
+  if (location.search) {
+    const urlData = searchParser(location.search) || {};
+    if (urlData.url) {
+      const { url } = urlData;
+      return <Redirect to={decodeURIComponent(url)} />;
+    }
+  }
+  return <Redirect to="/" />;
+}
+
+Page.propTypes = {
+  location: PropTypes.object.isRequired,
+};
+
+export default Page;

src/page/form/index.js

@@ -1,7 +1,7 @@
-import React from 'react';
+import React, { useEffect } from 'react';
 import PropTypes from 'prop-types';
 import {
-  Input, Form, Button,
+  Input, Form, Button, message,
 } from 'antd';
 
 const { TextArea } = Input;
@@ -12,9 +12,9 @@ const { TextArea } = Input;
  */
 function Page({form}) {
   const { getFieldDecorator, validateFields, getFieldValue } = form;
-  function hasErrors(fieldsError) {
-    return Object.keys(fieldsError).some(field => fieldsError[field]);
-  }
+  useEffect(() => {
+    message.success('111');
+  }, []);
   function onSubmit() {
     validateFields((err, val) => {
       console.log('value', val);

src/page/promise/index.js

@@ -0,0 +1,25 @@
+
+import { useEffect, useState } from 'react';
+import req from '../../req';
+
+function Page() {
+  const [infos, setInfos] = useState(null);
+  function getCrtUserInfos() {
+    req.user.getMyAuthority()
+      .then((res) => {
+        if (res.code !== 0) {
+          // req.err.show(res);
+          return;
+        }
+        setInfos(res.data);
+        console.log('getCrtUserInfos', infos);
+      })
+      // .catch(req.err.show);
+  }
+  useEffect(() => {
+    getCrtUserInfos();
+  }, [])
+  return 111;
+}
+
+export default Page;

src/req/api/index.js

@@ -0,0 +1,10 @@
+import transform from './transform';
+import session from './session';
+import user from './user';
+
+export default {
+  install(req) {
+    req.session = session;
+    req.user = transform(user);
+  },
+};

src/req/api/session.js

@@ -0,0 +1,60 @@
+/**
+ * 设置cookie
+ * @param {string} cName key
+ * @param {string} value value
+ * @param {number} expiredays 日期天数
+ */
+export function setCookie(cName, value, expiredays) {
+  const cookies = {
+    [cName]: escape(value),
+    path: '/',
+  };
+  if (expiredays) {
+    const exdate = new Date();
+    exdate.setDate(exdate.getDate() + expiredays);
+    cookies.expires = exdate.toGMTString();
+  }
+  document.cookie = Object.keys(cookies).map((key) => `${key}=${cookies[key]}`).join(';');
+}
+
+/**
+ * 获取cookie
+ * @param {string} cName key
+ */
+export function getCookie(cName) {
+  if (document.cookie.length > 0) {
+    let cStart = document.cookie.indexOf(`${cName}=`);
+    if (cStart !== -1) {
+      cStart = cStart + cName.length + 1;
+      let cEnd = document.cookie.indexOf(';', cStart);
+      if (cEnd === -1) {
+        cEnd = document.cookie.length;
+      }
+      return unescape(document.cookie.substring(cStart, cEnd));
+    }
+  }
+  return '';
+}
+
+const cookieKey = 'sessionId';
+let sessionId = getCookie(cookieKey) || '';
+
+/**
+ * 获取session
+ */
+function getSession() {
+  return sessionId;
+}
+
+/**
+ * 设置session
+ */
+function setSession(val) {
+  sessionId = val;
+  setCookie(cookieKey, val);
+}
+
+export default {
+  get: getSession,
+  set: setSession,
+};

src/req/api/transform.js

@@ -0,0 +1,46 @@
+import reqwest from 'reqwest';
+import { baseUrl } from '../config';
+import session from './session';
+
+function wrapper(api) {
+  console.log('api', api);
+  return (data, originData = null) => {
+    const sessionId = session.get();
+    const {
+      method, headers = {},
+    } = api;
+    if (sessionId) {
+      headers.sessionId = '38d30a51aedb4e7d94f46df8c0cf4654';
+    }
+    let newData = null;
+    let { url } = api;
+    if (typeof data === 'object') {
+      newData = { ...data };
+      url = url.replace(/\/:\w+/g, (str) => {
+        const w = str.substr(2);
+        delete newData[w];
+        return `/${data[w]}`;
+      });
+    } else {
+      newData = data;
+    }
+    const options = {
+      url: `${baseUrl}${url}`,
+      method: (method || 'get').toUpperCase(),
+      data: originData || newData,
+      type: 'json',
+      headers,
+      contentType: 'application/json',
+    };
+    return reqwest(options);
+  };
+}
+
+export default function (apis) {
+  const obj = {};
+  Object.keys(apis).map((key) => {
+    obj[key] = wrapper(apis[key]);
+    return key;
+  });
+  return obj;
+}

src/req/api/user.js

@@ -0,0 +1,10 @@
+const api = {
+  getMyInfo: {
+    url: '/eobi-api/api/sys/currentUserInfo',
+  },
+  getMyAuthority: {
+    url: '/eobi-api/api/sys/getCurrentPermissions',
+  },
+};
+
+export default api;

src/req/config.js

@@ -0,0 +1,14 @@
+const baseUrlTable = {
+  // local: 'http://192.168.1.171:8086',
+  local: '',
+  dev: '',
+  pre: '',
+  release: 'https://labor.emodor.com',
+};
+
+export const baseUrl = baseUrlTable.local;
+
+export default {
+  baseUrl,
+  uploadAction: `${baseUrl}/eobi-api/api/file/upload`,
+};