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/utils/request.js

-// import axios from 'axios';
-// axios.defaults.timeout = 15000
-// export const request = axios.create({
-//   baseURL: 'http://52.83.230.236:9001/yszh/1/api/',
-// });
-import axios from "axios";
-// import { bind } from "file-loader";
-axios.defaults.timeout = 15000
-var baseURL = 'http://69.235.144.91:9001/yszh/1/api/'
-//设置请求得基准地址
-axios.defaults.baseURL = baseURL
-const request = axios.create();
-//设置请求头
+import axios from 'axios';
+import { getQueryString } from './utils';
 
-axios.defaults.headers['content-type'] ='application/json';
-request.interceptors.request.use(config => {
-    // 给请求头加token的字段,值为token
+const baseURL = 'http://69.235.144.91:9001/yszh/1/api/';
+// const baseURL='http://52.83.230.236:9001/yszh/1/api/',
+axios.defaults.headers['content-type'] = 'application/json'; //这样写有风险,可能会有请求头是form-data的格式
 
-    config.headers.Authorization = window.localStorage.getItem('token')
-   
+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', res);
+      if (res.data.code === 200) {
+        console.log('token 检验通过');
+        return config;
+      } else {
+        localStorage.removeItem('token');
+        console.log('token校验没通过  返回登录页');
+        // window.open('http://localhost:3000/#/login', '_self');
+        window.open('http://69.235.144.91:3048/#/login', '_self');
+      }
+    })
+    .catch((err) => {
+      localStorage.removeItem('token');
+      // alert(' 服务器报错');
+      console.log('token校验没通过  返回登录页');
+      window.open('http://69.235.144.91:3048/#/login', '_self');
+      console.log('err', err);
+      return false;
+    });
+}
+checkToken();
+
+//拦截器
+request.interceptors.request.use((config) => {
+  // config.headers.Authorization = localStorage.getItem('token');
+  console.log('token---', '拦截器方法校验token');
+  console.log(config);
+
+  if (getQueryString('token') || localStorage.getItem('token')) {
+    checkToken(config);
+  } else {
+    console.log('token为空....');
+    localStorage.removeItem('token');
+    window.open('http://69.235.144.91:3048/#/login', '_self');
+  }
+});
+
+request.interceptors.response.use(
+  (res) => {
+    return res;
+  },
+  (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;
+  }
+);
 
-    return config
-})
-  
 //导出
 export default request;

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