1 changed files with 0 additions and 108 deletions
@ -1,108 +0,0 @@ |
|||||
<!DOCTYPE html> |
|
||||
<html> |
|
||||
<head> |
|
||||
<meta charset="utf-8"> |
|
||||
<title>Sa-Token-SSO-Client端-登录页</title> |
|
||||
<style type="text/css"> |
|
||||
|
|
||||
</style> |
|
||||
</head> |
|
||||
<body> |
|
||||
<div class="login-box"> |
|
||||
|
|
||||
</div> |
|
||||
<script src="https://unpkg.zhimg.com/jquery@3.4.1/dist/jquery.min.js"></script> |
|
||||
<script>window.jQuery || alert('当前页面CDN服务商已宕机,请将所有js包更换为本地依赖')</script> |
|
||||
<script type="text/javascript"> |
|
||||
|
|
||||
// 后端接口地址 |
|
||||
var baseUrl = "http://localhost:8081/sso"; |
|
||||
|
|
||||
var back = getParam('back', 'http://localhost:9001/epmet-oper-gov/'); |
|
||||
var ticket = getParam('ticket'); |
|
||||
$(function() { |
|
||||
if(ticket) { |
|
||||
doLoginByTicket(ticket); |
|
||||
} else { |
|
||||
goSsoAuthUrl(); |
|
||||
} |
|
||||
}) |
|
||||
|
|
||||
// 重定向至认证中心 |
|
||||
function goSsoAuthUrl() { |
|
||||
sa.ajax('/ssoAuthUrl', {clientLoginUrl: location.href}, 'get', function(res) { |
|
||||
console.log(res); |
|
||||
location.href = res.data.authUrl; |
|
||||
}) |
|
||||
} |
|
||||
|
|
||||
// 根据ticket值登录 |
|
||||
function doLoginByTicket(ticket) { |
|
||||
sa.ajax('/login', {ticket: ticket}, 'post',function(res) { |
|
||||
console.log(res); |
|
||||
if(res.code == 200) { |
|
||||
let token = res.data.token; |
|
||||
alert('客户端token:'+ token) |
|
||||
localStorage.setItem('satoken', token); |
|
||||
|
|
||||
localStorage.setItem("userType", "work"); |
|
||||
localStorage.setItem("token", token); |
|
||||
location.href = decodeURIComponent(back); |
|
||||
} |
|
||||
}) |
|
||||
} |
|
||||
|
|
||||
// 根据ticket值登录 |
|
||||
function getUserInfo() { |
|
||||
sa.ajax('/getUserInfo', {}, 'post',function(res) { |
|
||||
alert(''+JSON.stringify(res)); |
|
||||
if(res.code == 200) { |
|
||||
alert('客户端调用的用户信息:'+res.data) |
|
||||
localStorage.setItem('satoken', res.data); |
|
||||
//location.href = decodeURIComponent(back); |
|
||||
} |
|
||||
}) |
|
||||
} |
|
||||
|
|
||||
// 从url中查询到指定名称的参数值 |
|
||||
function getParam(name, defaultValue){ |
|
||||
var query = window.location.search.substring(1); |
|
||||
var vars = query.split("&"); |
|
||||
for (var i=0;i<vars.length;i++) { |
|
||||
var pair = vars[i].split("="); |
|
||||
if(pair[0] == name){return pair[1];} |
|
||||
} |
|
||||
return(defaultValue == undefined ? null : defaultValue); |
|
||||
} |
|
||||
|
|
||||
</script> |
|
||||
<script type="text/javascript"> |
|
||||
var sa = {}; |
|
||||
|
|
||||
// 封装一下Ajax |
|
||||
sa.ajax = function(url, data, type, successFn) { |
|
||||
// sa.loading("正在努力加载..."); |
|
||||
$.ajax({ |
|
||||
url: baseUrl + url, |
|
||||
type: type || "post", |
|
||||
data: data, |
|
||||
dataType: 'json', |
|
||||
headers: { |
|
||||
satoken: localStorage.getItem('satoken') |
|
||||
}, |
|
||||
success: function(res){ |
|
||||
console.log('返回数据:', res); |
|
||||
successFn(res); |
|
||||
}, |
|
||||
error: function(xhr, type, errorThrown){ |
|
||||
if(xhr.status == 0){ |
|
||||
return alert('无法连接到服务器,请检查网络'); |
|
||||
} |
|
||||
return alert("异常:" + JSON.stringify(xhr)); |
|
||||
} |
|
||||
}); |
|
||||
} |
|
||||
|
|
||||
</script> |
|
||||
</body> |
|
||||
</html> |
|
Loading…
Reference in new issue