feature:登录功能添加token校验

.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',
+  },
+};

.gitignore

@@ -11,6 +11,8 @@
 
 
 /.idea
 /.idea
 
 
+/.vscode
+
 # misc
 # misc
 .DS_Store
 .DS_Store
 .env.local
 .env.local

jsconfig.json

+{
+  "compilerOptions": {
+    "baseUrl": "./",
+    "experimentalDecorators": true,
+    "paths": {
+      "@/*": ["src/*"]
+    }
+  },
+  "exclude": ["node_modules", ".vscode", "library", "local", "settings", "temp", "build"]
+}

src/routes/Home/IndicationDetails/index.js

 import React, { Component } from 'react'
 import React, { Component } from 'react'
 import { Pagination, message, Button, Tabs, Spin, Table, Tag, Typography } from 'antd'
 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 './index.css'
 import qs from 'qs'
 import qs from 'qs'
 const { Title } = Typography
 const { Title } = Typography

src/routes/Home/LigandDetails/index.js

 import React, { Component } from 'react'
 import React, { Component } from 'react'
 import { Card, Tooltip, Pagination, message, Radio, Button, Tabs, Spin, Table, Tag, Input, Collapse, Modal, Form, Select, InputNumber, Typography } from 'antd'
 import { Card, Tooltip, Pagination, message, Radio, 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 Molstar from "molstar-react"
 import { Jsme } from 'jsme-react'
 import { Jsme } from 'jsme-react'
 import qs from 'qs'
 import qs from 'qs'

src/routes/Home/MutationDetails/index.js

@@ -18,7 +18,7 @@ import {
   Anchor,
   Anchor,
   Pagination
   Pagination
 } from 'antd'
 } from 'antd'
-import { request } from '../../../utils/request'
+import request from '../../../utils/request'
 import Molstar from 'molstar-react'
 import Molstar from 'molstar-react'
 import { Jsme } from 'jsme-react'
 import { Jsme } from 'jsme-react'
 import qs from 'qs'
 import qs from 'qs'

src/routes/Home/SearchDetails/index.js

@@ -18,7 +18,7 @@ import {
   Pagination,
   Pagination,
   Anchor
   Anchor
 } from 'antd'
 } from 'antd'
-import { request } from '../../../utils/request'
+import request from '../../../utils/request'
 import Molstar from 'molstar-react'
 import Molstar from 'molstar-react'
 import { Jsme } from 'jsme-react'
 import { Jsme } from 'jsme-react'
 import qs from 'qs'
 import qs from 'qs'

src/routes/Home/SearchList/index.js

 import React, { Component } from 'react'
 import React, { Component } from 'react'
 import { Jsme } from 'jsme-react'
 import { Jsme } from 'jsme-react'
 import { Card,Button,Pagination,Tabs,Spin,message ,Tag} from 'antd';
 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 qs from 'qs'
 import './index.css'
 import './index.css'
 const { TabPane } = Tabs;
 const { TabPane } = Tabs;

src/routes/Home/TargetDetails/index.js

@@ -21,7 +21,7 @@ import {
   Anchor,
   Anchor,
   Pagination
   Pagination
 } from 'antd'
 } from 'antd'
-import { request } from '../../../utils/request'
+import request from '../../../utils/request'
 import Molstar from 'molstar-react'
 import Molstar from 'molstar-react'
 import { Jsme } from 'jsme-react'
 import { Jsme } from 'jsme-react'
 import qs from 'qs'
 import qs from 'qs'

src/routes/Home/index.js

@@ -14,7 +14,7 @@ import {
 import LogoTitlte from '../../components/LogoTitlte/index'
 import LogoTitlte from '../../components/LogoTitlte/index'
 import { Jsme } from 'jsme-react'
 import { Jsme } from 'jsme-react'
 import qs from 'qs'
 import qs from 'qs'
-import { request } from '../../utils/request'
+import request from '../../utils/request'
 import './style.css'
 import './style.css'
 const { TabPane } = Tabs
 const { TabPane } = Tabs
 const { Option } = Select
 const { Option } = Select

src/routes/KnowledgeMap/index.js

 // import React, { Component } from 'react'
 // import React, { Component } from 'react'
 // import { Jsme } from 'jsme-react'
 // import { Jsme } from 'jsme-react'
 // import qs from 'qs'
 // import qs from 'qs'
-// import { request } from '../../utils/request'
+// import request from '../../utils/request'
 // import Graphin, { GraphinContext, Components, Utils } from '@antv/graphin'
 // import Graphin, { GraphinContext, Components, Utils } from '@antv/graphin'
 // import { ContextMenu, } from '@antv/graphin-components'
 // import { ContextMenu, } from '@antv/graphin-components'
 // import Animate from 'rc-animate'
 // import Animate from 'rc-animate'

src/routes/Login/LoginForm.js

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

src/routes/MolecularSearch/index.js

 import React, { Component } from 'react'
 import React, { Component } from 'react'
 import { Jsme } from 'jsme-react'
 import { Jsme } from 'jsme-react'
 import qs from 'qs'
 import qs from 'qs'
-import { request } from '../../utils/request'
+import request from '../../utils/request'
 import { Input,Button,Modal,Table,message,Pagination } from 'antd';
 import { Input,Button,Modal,Table,message,Pagination } from 'antd';
 import Molstar from "molstar-react";
 import Molstar from "molstar-react";
 import './index.css'
 import './index.css'

src/utils/request.js

-import axios from 'axios'
-axios.defaults.timeout = 15000
-var baseURL = 'http://52.83.169.190:8004/'
-document.onkeydown = function () {
-  var e = window.event || arguments[0]
-  if (e.keyCode == 123) {
-    return false
-  } else if ((e.ctrlKey) && (e.shiftKey) && (e.keyCode == 73)) {
-    return false
-  }
+import axios from 'axios';
+import { getQueryString } from './utils';
+//禁用F12功能
+function disableF12() {
+  document.onkeydown = function () {
+    var e = window.event || arguments[0];
+    if (e.keyCode == 123) {
+      return false;
+    } else if (e.ctrlKey && e.shiftKey && e.keyCode == 73) {
+      return false;
+    }
+  };
+  //禁用鼠标右键
+  document.oncontextmenu = function () {
+    return false;
+  };
 }
 }
-document.oncontextmenu = function () {
-  return false
+// disableF12();
+
+const baseURL = 'http://52.83.169.190:8004/';
+const token = getQueryString('token') || localStorage.getItem('token');
+
+const request = axios.create({
+  baseURL,
+  timeout: 15000,
+  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 {
+        // message.error('请重新登录');
+        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) => {
+      console.log('token校验报错  返回登录页');
+      // message.error('请重新登录');
+      localStorage.removeItem('token');
+      window.open('http://69.235.144.91:3048/#/login', '_self');
+      console.log('err', err);
+    });
 }
 }
-export const request = axios.create({
-  baseURL: baseURL,
-})
+checkToken();
+
+//拦截器
+request.interceptors.request.use((config) => {
+  // alert('拦截器..');
+  console.log('token---', '拦截器方法校验token');
+  if (!!token) {
+    checkToken(config);
+  } else {
+    console.log('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;

src/utils/utils.js

@@ -63,4 +63,17 @@ export function preloadingImages(arr) {
     const img = new Image()
     const img = new Image()
     img.src = item
     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