file-manger/gin/template/index/login.tmpl

<div id="login-page">
    <div class="login-container">
        <h2>Login | {{.type}}</h2>
        <form id="loginForm" method="POST">
            <div class="form-group">
                <label for="username">用户名</label>
                <input type="text" id="username" name="username" placeholder="Enter your username" required/>
            </div>
            <div class="form-group">
                <label for="password">密码</label>
                <input type="password" id="password" name="password" placeholder="Enter your password" required/>
            </div>
            <div class="form-group">
                <button type="submit">登录</button>
            </div>
            <div class="error-message" id="errorMessage" style="display:none;">
                <p>用户名或密码无效。请再试一次。</p>
            </div>
        </form>
    </div>
</div>
<script>
    document.getElementById('loginForm').addEventListener('submit', function (e) {
        e.preventDefault(); // 防止页面刷新

        var username = document.getElementById('username').value;
        var password = document.getElementById('password').value;

        // 创建 JSON 数据
        var loginData = {
            username: username,
            password: password
        };

        // 使用 Fetch API 发送 POST 请求
        fetch('/auth/login', {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json' // 设置请求体的内容类型为 JSON
            },
            body: JSON.stringify(loginData) // 将对象转换为 JSON 字符串
        }).then(response => response.json()) // 解析响应 JSON
            .then(data => {
                console.log(data)
                if (data.code === 200) {
                    setCookieWithExpiry(data.data.token, data.data.expire)
                    setTimeout(() => {
                        window.location.reload()
                    }, 100)
                    // 登录成功，跳转到其他页面
                } else {
                    // 登录失败，显示错误信息
                    document.getElementById('errorMessage').style.display = 'block';
                }
            })
            .catch(error => {
                console.error('Error:', error);
                document.getElementById('errorMessage').style.display = 'block'; // 显示错误信息
            });
    });

    function setCookieWithExpiry(token, expire) {
        console.log(expire,new Date().getTime(),token)
        // 将毫秒时间戳转为 Date 对象
        const expiryDate = new Date(expire);
        // 将 Date 对象转换为 UTC 格式
        const expires = expiryDate.toUTCString();
        // 设置cookie
        document.cookie = `token=${token}; expires=${expires}; path=/`;
    }
</script>