feature:登录功能添加token校验

33aff8c8 · wangshufen · 89ff34f2 · 33aff8c8 · 33aff8c8 · 33aff8c8
Commit 33aff8c8 authored Feb 06, 2023 by wangshufen
24 changed files
--- a/.eslintrc.js
+++ b/.eslintrc.js
+module.exports = {
+  root: true, //此项是用来告诉eslint找当前配置文件不能往父级查找
+  env: {
+    node: true,
+  },
+  // "off" -> 0 关闭规则    "warn" -> 1 开启警告规则    "error" -> 2 开启错误规则
+  rules: {
+    'generator-star-spacing': 'off',
+    'no-tabs': 'off',
+    'no-unused-vars': 'off', //声明的变量未使用
+    'no-console': 'off',
+    'no-irregular-whitespace': 'off',
+    'no-debugger': 'off',
+    eqeqeq: 'off', // 使用全等
+  },
+  parser: 'babel-eslint',
+  parserOptions: {
+    ecmaVersion: 7,
+    sourceType: 'module',
+  },
+};
--- a/jsconfig.json
+++ b/jsconfig.json
+{
+  "compilerOptions": {
+    "baseUrl": "./",
+    "experimentalDecorators": true,
+    "paths": {
+      "@/*": ["src/*"]
+    }
+  },
+  "exclude": ["node_modules", ".vscode", "library", "local", "settings", "temp", "build"]
+}
--- a/src/routes/Home/IndicationDetails/index.js
+++ b/src/routes/Home/IndicationDetails/index.js
 import React, { Component } from 'react'
 import { Pagination, message, Button, Tabs, Spin, Table, Tag, Typography } from 'antd'
-import { request } from '../../../utils/request'
+import request from '../../../utils/request'
 import './index.css'
 import qs from 'qs'
 const { Title } = Typography

--- a/src/routes/Home/LigandDetails/index.js
+++ b/src/routes/Home/LigandDetails/index.js
@@ -18,7 +18,7 @@ import {
  Menu,
  Dropdown,
 } from 'antd'
-import { request } from '../../../utils/request'
+import request from '../../../utils/request'
 import Molstar from 'molstar-react'
 import { Jsme } from 'jsme-react'
 import qs from 'qs'

--- a/src/routes/Home/MutationDetails/index.js
+++ b/src/routes/Home/MutationDetails/index.js
@@ -20,7 +20,7 @@ import {
  Select,
 } from 'antd'
 import WrappedIframe from '../../../components/iframePdb'
-import { request } from '../../../utils/request'
+import request from '../../../utils/request'
 import Molstar from 'molstar-react'
 import { Jsme } from 'jsme-react'
 import qs from 'qs'

--- a/src/routes/Home/SearchDetails/index.js
+++ b/src/routes/Home/SearchDetails/index.js
@@ -23,7 +23,7 @@ import {
  Dropdown,
 } from 'antd'
 import WrappedIframe from '../../../components/iframePdb'
-import { request } from '../../../utils/request'
+import request from '../../../utils/request'
 import Molstar from 'molstar-react'
 import { Jsme } from 'jsme-react'
 import qs from 'qs'

--- a/src/routes/Home/SearchList/index.js
+++ b/src/routes/Home/SearchList/index.js
 import React, { Component } from 'react'
 import { Jsme } from 'jsme-react'
 import { Card, Button, Pagination, Tabs, Spin, message, Tag } from 'antd'
-import { request } from '../../../utils/request'
+import request from '../../../utils/request'
 import qs from 'qs'
 import './index.css'
 const { TabPane } = Tabs

--- a/src/routes/Home/TargetDetails/index.js
+++ b/src/routes/Home/TargetDetails/index.js
@@ -22,7 +22,7 @@ import {
  Pagination,
 } from 'antd'
 import WrappedIframe from '../../../components/iframePdb'
-import { request } from '../../../utils/request'
+import request from '../../../utils/request'
 import Molstar from 'molstar-react'
 import { Jsme } from 'jsme-react'
 import qs from 'qs'

--- a/src/routes/Home/index.js
+++ b/src/routes/Home/index.js
--- a/src/routes/Kinase/LigandDetails/index.js
+++ b/src/routes/Kinase/LigandDetails/index.js
 import React, { Component } from 'react'
 import { Card, Tooltip, Pagination, message, Popover, Button, Tabs, Spin, Table, Tag, Input, Collapse, Modal, Form, Select, InputNumber, Typography } from 'antd'
-import { request } from '../../../utils/request'
+import request from '../../../utils/request'
 import Molstar from "molstar-react"
 import { Jsme } from 'jsme-react'
 import qs from 'qs'

--- a/src/routes/Kinase/SearchDetails/index.js
+++ b/src/routes/Kinase/SearchDetails/index.js
 import React, { Component } from 'react'
 import { Card,Tooltip,Pagination,message,Popover,Button,Tabs,Spin,Table,Tag,Input, Collapse,Modal,Form,Select,InputNumber,Typography} from 'antd';
-import { request } from '../../../utils/request'
+import request from '../../../utils/request'
 import Molstar from "molstar-react";
 import { Jsme } from 'jsme-react'
 import qs from 'qs'

--- a/src/routes/Kinase/SearchList/index.js
+++ b/src/routes/Kinase/SearchList/index.js
 import React, { Component } from 'react'
 import { Jsme } from 'jsme-react'
 import { Card,Button,Pagination,Tabs,Spin,message ,Collapse } from 'antd';
-import { request } from '../../../utils/request'
+import request from '../../../utils/request'
 import qs from 'qs'
 import './index.css'
 const { TabPane } = Tabs;

--- a/src/routes/Kinase/TargetDetails/index.js
+++ b/src/routes/Kinase/TargetDetails/index.js
 import React, { Component } from 'react'
 import { Card,Tooltip,Popover,message,Radio,Button,Tabs,Spin,Table,Tag,Input, Collapse,Modal,Form,Select,InputNumber,Typography,Pagination} from 'antd';
-import { request } from '../../../utils/request'
+import request from '../../../utils/request'
 import Molstar from "molstar-react";
 import { Jsme } from 'jsme-react'
 import qs from 'qs'

--- a/src/routes/Kinase/index.js
+++ b/src/routes/Kinase/index.js
@@ -3,7 +3,7 @@ import { Form, Input, Button,Select ,Tabs,message,Radio,Checkbox,Row ,Col} from 
 import LogoTitlte from '../../components/LogoTitlte/index'
 import { Jsme } from 'jsme-react'
 import qs from 'qs'
-import { request } from '../../utils/request'
+import request from '../../utils/request'
 import './style.css'
 const { TabPane } = Tabs;
 const { Option } = Select;

--- a/src/routes/Login/LoginForm.js
+++ b/src/routes/Login/LoginForm.js
@@ -4,7 +4,7 @@ import { withRouter } from 'react-router-dom'
 import { inject, observer } from 'mobx-react/index'
 import { Form, Input, message } from 'antd'
 import PromptBox from '../../components/PromptBox'
-import { request } from '../../utils/request'
+import request from '../../utils/request'
 import qs from 'qs'
 import md5 from 'js-md5'

--- a/src/routes/drugbank/IndicationDetails/index.js
+++ b/src/routes/drugbank/IndicationDetails/index.js
@@ -9,7 +9,7 @@ import {
  Tag,
  Typography,
 } from "antd";
-import { request } from "../../../utils/request";
+import request from "../../../utils/request";
 import "./index.css";
 import qs from "qs";
 const { Title } = Typography;

--- a/src/routes/drugbank/LigandDetails/index.js
+++ b/src/routes/drugbank/LigandDetails/index.js
@@ -18,7 +18,7 @@ import {
  InputNumber,
  Typography,
 } from "antd";
-import { request } from "../../../utils/request";
+import request from "../../../utils/request";
 import Molstar from "molstar-react";
 import { Jsme } from "jsme-react";
 import qs from "qs";

--- a/src/routes/drugbank/SearchDetails/index.js
+++ b/src/routes/drugbank/SearchDetails/index.js
@@ -18,7 +18,7 @@ import {
  InputNumber,
  Typography,
 } from "antd";
-import { request } from "../../../utils/request";
+import request from "../../../utils/request";
 import Molstar from "molstar-react";
 import { Jsme } from "jsme-react";
 import qs from "qs";

--- a/src/routes/drugbank/SearchList/index.js
+++ b/src/routes/drugbank/SearchList/index.js
 import React, { Component } from 'react'
 import { Jsme } from 'jsme-react'
 import { Card, Button, Pagination, Tabs, Spin, message, Collapse } from 'antd'
-import { request } from '../../../utils/request'
+import request from '../../../utils/request'
 import qs from 'qs'
 import './index.css'
 const { TabPane } = Tabs

--- a/src/routes/drugbank/TargetDetails/index.js
+++ b/src/routes/drugbank/TargetDetails/index.js
@@ -19,7 +19,7 @@ import {
  Typography,
  Pagination,
 } from "antd";
-import { request } from "../../../utils/request";
+import request from "../../../utils/request";
 import Molstar from "molstar-react";
 import { Jsme } from "jsme-react";
 import qs from "qs";

--- a/src/routes/drugbank/index.js
+++ b/src/routes/drugbank/index.js
@@ -3,7 +3,7 @@ import { Form, Input, Button,Select ,Tabs,message,Radio,Checkbox,Row ,Col} from 
 import LogoTitlte from '../../components/LogoTitlte/index'
 import { Jsme } from 'jsme-react'
 import qs from 'qs'
-import { request } from '../../utils/request'
+import request from '../../utils/request'
 import './style.css'
 const { TabPane } = Tabs;
 const { Option } = Select;

--- a/src/utils/request.js
+++ b/src/utils/request.js
-import axios from 'axios'
+import axios from 'axios';
-import { u1, u2 } from './url'
+import { getQueryString } from './utils';
-axios.defaults.timeout = 10000
-var baseURL = u2()
-export const request = axios.create({
+const baseURL = 'http://52.83.169.190:8005 /';
-  baseURL: baseURL,
-})
+const token = getQueryString('token') || localStorage.getItem('token');
+const request = axios.create({
+  baseURL,
+  timeout: 10000,
+  headers: {
+    accessToken: token,
+  },
+});
+function checkToken(config) {
+  request
+    .get('http://69.235.144.91:8048/yszh-login/auth/checkToken')
+    .then((res) => {
+      console.log(res);
+      if (res.data.code === 200) {
+        console.log('token 检验通过');
+        return config;
+      } else {
+        console.log('token校验没通过  返回登录页');
+        localStorage.removeItem('token');
+        // window.open('http://localhost:3000/#/login', '_self');
+        window.open('http://69.235.144.91:3048/#/login', '_self');
+      }
+    })
+    .catch((err) => {
+      localStorage.removeItem('token');
+      window.open('http://69.235.144.91:3048/#/login', '_self');
+      console.log('err', err);
+    });
+}
+checkToken();
+//拦截器
+request.interceptors.request.use((config) => {
+  console.log('token---', '拦截器方法校验token');
+  console.log(config);
+  // alert('拦截器..');
+  if (!!token) {
+    checkToken(config);
+  } else {
+    console.log('token为空....');
+    // alert('token为空..');
+    localStorage.removeItem('token');
+    window.open('http://69.235.144.91:3048/#/login', '_self');
+  }
+  // return config;
+});
+request.interceptors.response.use(
+  (res) => {
+    return res.data;
+  },
+  (err) => {
+    if (err && err.response) {
+      switch (err.response.status) {
+        case 400:
+          console.log('请求错误');
+          break;
+        case 401:
+          console.log('未授权访问');
+          break;
+        case 404:
+          console.log('页面未找到');
+          break;
+        default:
+          console.log('其他错误信息');
+      }
+    }
+    return err;
+  }
+);
+export default request;
--- a/src/utils/url.js
+++ b/src/utils/url.js
-export function u1 () {
-  return 'http://52.83.169.190:8005 /'
-}
 function _getCookie (name) {
  let start, end
  if (document.cookie.length > 0) {
@@ -90,9 +87,7 @@ function _setCookie (name, value, expire) {
  document.cookie = name + '=' + escape(value) + '; path=/' +
    (expire ? ';expires=' + date.toGMTString() : '')
 }
-export function u2 () {
-  return 'http://52.83.169.190:8005/'
-}
 function accMul (arg1, arg2) {
  let m = 0
  const s1 = arg1.toString()

--- a/src/utils/utils.js
+++ b/src/utils/utils.js
@@ -63,4 +63,17 @@ export function preloadingImages(arr) {
    const img = new Image()
    img.src = item
  })
+}
+/**
+ * 获取URL中指定的参数
+ */
+export function getQueryString(name) {
+  let reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');
+  let r = window.location.hash.split('?')[1] && window.location.hash.split('?')[1].match(reg); //获取url中"?"符后的字符串并正则匹配
+  let context = '';
+  if (r != null) context = decodeURIComponent(r[2]);
+  reg = null;
+  r = null;
+  return context == null || context == '' || context == 'undefined' ? '' : context;
 }
\ No newline at end of file