elasticsearch中head插件中的定製增長用戶名密碼範例

在head插件目錄下通常在 elasticsearch目錄下的 plugins\head目錄下在或 plugins\head\site目錄下有一個index.html文件。把這個文件用下面代碼替換：css

<!DOCTYPE html>


<html>
<head>
<meta charset="UTF-8">
<title>elasticsearch-head</title>
<link rel="stylesheet" href="_site/base/reset.css">
<link rel="stylesheet" href="_site/vendor.css">
<link rel="stylesheet" href="_site/app.css">
<script src="_site/i18n.js" data-baseDir="_site/lang" data-langs="en,fr,pt,zh,tr,ja"></script>
<script src="_site/vendor.js"></script>
<script src="_site/app.js"></script>
<script>
var loginClick = function() {
if(document.getElementById("userName").value!="admin" || document.getElementById("userPassword").value!="pwd654321"){
                   document.getElementById("isNotVerified").style.display="block";
                   return;
} else {
document.getElementById("loginDiv").style.display="none";
}
if(location.href.contains("/_plugin/")) {
var base_uri = location.href.replace(/_plugin\/.*/, '');
}
var args = location.search.substring(1).split("&").reduce(function(r, p) {
r[decodeURIComponent(p.split("=")[0])] = decodeURIComponent(p.split("=")[1]); return r;
}, {});
new app.App("body", {
id: "es",
base_uri: args["base_uri"] || base_uri,
auth_user : args["auth_user"] || "",
auth_password : args["auth_password"],
dashboard: args["dashboard"]
});
};
</script>
<link rel="icon" href="base/favicon.png" type="image/png">
</head>
<body>
<div width="100%" name="loginDiv" id="loginDiv" style="text-align: center;">
<div width="100%" style="text-align: center;">登陸<br></div>
            <div width="100%" style="text-align: center;">用戶名：<input type="text" name="userName" id="userName"></div><br>
            <div width="100%" style="text-align: center;">密　碼：<input type="password" name="userPassword" id="userPassword"></div><br>
            <div width="100%" style="text-align: center;"><button onclick="loginClick();">肯定</button></div><br>
            <div width="100%" id="isNotVerified" style="text-align: center;display: none"><font color="red">用戶名或密碼輸入不正確</font></div><br>
</div>
</body>
</html>

---------------------
做者：whohu
來源：CSDN
原文：https://blog.csdn.net/whohu/article/details/80189619
版權聲明：本文爲博主原創文章，轉載請附上博文連接！html