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

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 { 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

src/routes/Home/LigandDetails/index.js

 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 { request } from '../../../utils/request'
+import request from '../../../utils/request'
 import Molstar from "molstar-react"
 import { Jsme } from 'jsme-react'
 import qs from 'qs'

src/routes/Home/MutationDetails/index.js

@@ -18,7 +18,7 @@ import {
   Anchor,
   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'

src/routes/Home/SearchDetails/index.js

@@ -18,7 +18,7 @@ import {
   Pagination,
   Anchor
 } 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'

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

src/routes/Home/TargetDetails/index.js

@@ -21,7 +21,7 @@ import {
   Anchor,
   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'

src/routes/Home/index.js

@@ -14,7 +14,7 @@ import {
 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

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'
 

src/routes/MolecularSearch/index.js

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

src/utils/request.js

-import axios from 'axios'
-axios.defaults.timeout = 15000
-
-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:8003/';
+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 {
+        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);
+    });
 }
-export const request = axios.create({
-  baseURL: 'http://52.83.169.190:8003/',
-})
+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;

src/utils/utils.js

@@ -2,9 +2,9 @@ function accMul(arg1, arg2) {
   let m = 0;
   const s1 = arg1.toString();
   const s2 = arg2.toString();
-  m += s1.split(".").length > 1 ? s1.split(".")[1].length : 0;
-  m += s2.split(".").length > 1 ? s2.split(".")[1].length : 0;
-  return Number(s1.replace(".", "")) * Number(s2.replace(".", "")) / 10 ** m;
+  m += s1.split('.').length > 1 ? s1.split('.')[1].length : 0;
+  m += s2.split('.').length > 1 ? s2.split('.')[1].length : 0;
+  return (Number(s1.replace('.', '')) * Number(s2.replace('.', ''))) / 10 ** m;
 }
 
 export function digitUppercase(n) {
@@ -33,7 +33,6 @@ export function digitUppercase(n) {
     .replace(/^整$/, '零元整');
 }
 
-
 /**
  * 生成指定区间的随机整数
  * @param min
@@ -49,8 +48,8 @@ export function randomNum(min, max) {
  * @param str
  * @returns {number}
  */
-export function calculateWidth(arr){
-  return 30 + arr[0].length*15
+export function calculateWidth(arr) {
+  return 30 + arr[0].length * 15;
 }
 
 /**
@@ -59,8 +58,21 @@ export function calculateWidth(arr){
  * @constructor
  */
 export function preloadingImages(arr) {
-  arr.forEach(item=>{
-    const img = new Image()
-    img.src = item
-  })
-}
\ No newline at end of file
+  arr.forEach((item) => {
+    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;
+}