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

@@ -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'

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'

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'

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

@@ -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'

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'

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'

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;

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'

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;

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/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;

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";

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";

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

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";

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;

src/utils/request.js

-import axios from 'axios'
-import { u1, u2 } from './url'
-axios.defaults.timeout = 10000
-var baseURL = u2()
+import axios from 'axios';
+import { getQueryString } from './utils';
 
-export const request = axios.create({
-  baseURL: baseURL,
-})
+const baseURL = 'http://52.83.169.190:8005 /';
 
+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;

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()

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