Skip to content

E
elegantDeepKinase
Commit 7581b2b2 by wangshufen
Options

feature:登录校验功能修改

parent febb13ed
Showing with 57 additions and 156 deletions
src/routes/Kinase/index.js
...@@ -372,10 +372,11 @@ class Home extends React.Component { ...@@ -372,10 +372,11 @@ class Home extends React.Component {
console.error(err); console.error(err);
}); });
}; };
//首页启动调用接口 先checkToken == localStorage.getItem('token')
getTargetSelectList = () => { getTargetSelectList = () => {
// debugger // debugger
// alert(11); localStorage.getItem('token') &&
// localStorage.getItem('token') &&
request request
.get('/kinase/target_class/target') .get('/kinase/target_class/target')
.then((res) => { .then((res) => {
......
src/routes/Login/index.js
...@@ -33,8 +33,9 @@ class Login extends React.Component { ...@@ -33,8 +33,9 @@ class Login extends React.Component {
componentDidMount() { componentDidMount() {
this.props.appStore.toggleLogin(true, { username: 'username' }); this.props.appStore.toggleLogin(true, { username: 'username' });
// const { from } = this.props.location.state || { from: { pathname: '/Kinase' } } // 启动跳转到/Kinase
const { from } = this.props.location.state || { from: { pathname: '/login' } }; const { from } = this.props.location.state || { from: { pathname: '/Kinase' } }
// const { from } = this.props.location.state || { from: { pathname: '/login' } };
this.props.history.push(from); this.props.history.push(from);
} }
......
src/utils/request-login.js deleted 100644 → 0
import axios from 'axios';
import { getQueryString } from './utils';
import { message } from 'antd';
//禁用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;
};
}
// disableF12();
const baseURL = 'http://52.83.169.190:8002/'; //线上正式环境
// const baseURL = 'http://69.235.144.91:8002/'; 测试环境
//对axios二次封装
// console.log('getQueryString', getQueryString('token'));
// console.log('localStorage', localStorage.getItem('token'));
const token = getQueryString('token') || localStorage.getItem('token');
const request = axios.create({
baseURL,
timeout: 15000,
headers: {
// 'Content-Type': 'application/json',
// 部分接口需要formdate格式的数据 'Content-Type': 'application/x-www-form-urlencoded' qs.stringify(data)
accessToken: token,
},
});
function checkToken(config) {
// message.error('校验token');
// alert(' 校验token111');
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');
// alert(' 失败');
// message.error('请重新登录');
console.log('token校验没通过 返回登录页');
// window.open('http://localhost:3000/#/login');
window.open('http://localhost:3000/#/login', '_self');
}
})
.catch((err) => {
localStorage.removeItem('token');
// alert(' 服务器报错');
console.log('token校验没通过 返回登录页');
window.open('http://localhost:3000/#/login', '_self');
console.log('err', err);
return false;
});
}
checkToken();
//拦截器
request.interceptors.request.use((config) => {
// alert('拦截器..');
console.log('token---', '拦截器方法校验token');
console.log(config);
if (getQueryString('token') || localStorage.getItem('token')) {
checkToken(config);
} else {
console.log('token为空....');
window.open('http://localhost:3000/#/login');
}
});
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;
}
);
export default request;
src/utils/request.js
import axios from 'axios'; import axios from 'axios';
import { getQueryString } from './utils'; import { getQueryString } from './utils';
import { message } from 'antd';
//禁用F12功能 //禁用F12功能
function disableF12() { function disableF12() {
document.onkeydown = function() { document.onkeydown = function() {
...@@ -18,8 +17,8 @@ function disableF12() { ...@@ -18,8 +17,8 @@ function disableF12() {
} }
// disableF12(); // disableF12();
// const baseURL = 'http://52.83.169.190:8002/'; //线上正式环境 const baseURL = 'http://52.83.169.190:8002/'; //线上正式环境
const baseURL = 'http://69.235.144.91:8002/'; // 测试环境 // const baseURL = 'http://69.235.144.91:8002/'; 测试环境
//对axios二次封装 //对axios二次封装
// console.log('getQueryString', getQueryString('token')); // console.log('getQueryString', getQueryString('token'));
...@@ -28,71 +27,76 @@ const token = getQueryString('token') || localStorage.getItem('token'); ...@@ -28,71 +27,76 @@ const token = getQueryString('token') || localStorage.getItem('token');
const request = axios.create({ const request = axios.create({
baseURL, baseURL,
timeout: 15000, timeout: 15000,
// headers: { headers: {
// 'Content-Type': 'application/json', // 'Content-Type': 'application/json',
// accessToken: token, // 部分接口需要formdate格式的数据 'Content-Type': 'application/x-www-form-urlencoded' qs.stringify(data)
// }, accessToken: token,
},
}); });
function checkToken(config) { function checkToken(config) {
// message.error('校验token'); // alert(' 校验token111');
// alert('alert 校验token')
request request
.get('http://69.235.144.91:8048/yszh-login/auth/checkToken') .get('http://69.235.144.91:8048/yszh-login/auth/checkToken')
.then((res) => { .then((res) => {
console.log('checkToken--res', res); console.log('--res', res);
if (res.data.code === 200) { if (res.data.code === 200) {
console.log('token 检验通过'); console.log('token 检验通过');
return config; return config;
} else { } else {
message.error('请重新登录'); localStorage.removeItem('token');
// alert(' 失败');
console.log('token校验没通过 返回登录页'); console.log('token校验没通过 返回登录页');
window.open('http://localhost:3000/#/login'); // window.open('http://localhost:3000/#/login');
// window.open('http://localhost:3000/#/login', '_self'); window.open('http://localhost:3000/#/login', '_self');
} }
}) })
.catch((err) => { .catch((err) => {
localStorage.removeItem('token');
// alert(' 服务器报错');
console.log('token校验没通过 返回登录页'); console.log('token校验没通过 返回登录页');
window.open('http://localhost:3000/#/login', '_self'); window.open('http://localhost:3000/#/login', '_self');
console.log('err', err); console.log('err', err);
return false;
}); });
} }
// checkToken(); checkToken();
//拦截器 //拦截器
// request.interceptors.request.use((config) => { request.interceptors.request.use((config) => {
// console.log('token---', '拦截器方法校验token'); // alert('拦截器..');
// if (!!token) { console.log('token---', '拦截器方法校验token');
// checkToken(config); console.log(config);
// return config; if (getQueryString('token') || localStorage.getItem('token')) {
// } else { checkToken(config);
// console.log('token为空....'); } else {
// window.open('http://localhost:3000/#/login', '_self'); console.log('token为空....');
// } window.open('http://localhost:3000/#/login');
// return config; }
// }); });
// request.interceptors.response.use( request.interceptors.response.use(
// (res) => { (res) => {
// return res; return res;
// }, },
// (err) => { (err) => {
// if (err && err.response) { if (err && err.response) {
// switch (err.response.status) { switch (err.response.status) {
// case 400: case 400:
// console.log('请求错误'); console.log('请求错误');
// break; break;
// case 401: case 401:
// console.log('未授权访问'); console.log('未授权访问');
// break; break;
// case 404: case 404:
// console.log('页面未找到'); console.log('页面未找到');
// break; break;
// default: default:
// console.log('其他错误信息'); console.log('其他错误信息');
// } }
// } }
// return err; return err;
// } }
// ); );
export default request; export default request;
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment