服务器端Openresty的Lua 脚本动态生成 HTML 页面

使用服务器端的 Lua 脚本来动态生成 HTML 页面,并在生成页面时传递重定向参数。这种方法不涉及客户端 JavaScript,而是在服务器端完成重定向参数的设置。

以下是修改后的示例:

nginx 复制代码
# 人机验证页面
location /captcha {
    default_type 'text/html';
    content_by_lua_block {
        local redirect_to = ngx.var.arg_redirect_to or "/"
        ngx.print([[
            <!DOCTYPE html>
            <html lang="en">
            <head>
                <meta charset="UTF-8">
                <meta name="viewport" content="width=device-width, initial-scale=1.0">
                <title>CAPTCHA Verification</title>
                <script src="https://www.google.com/recaptcha/api.js" async defer></script>
            </head>
            <body>
                <form action="/verify_captcha" method="POST">
                    <div class="g-recaptcha" data-sitekey="your_site_key"></div>
                    <br/>
                    <input type="hidden" name="redirect_to" value="]] .. redirect_to .. [[">
                    <input type="submit" value="Submit">
                </form>
            </body>
            </html>
        ]])
    }
}

这样,无论用户是否启用 JavaScript,页面都能正常工作。同时,服务器端代码也更加简洁明了,不需要在客户端执行 JavaScript。

相关推荐
IMPYLH5 小时前
HTML 的 <title> 元素
前端·javascript·html
杨超越luckly5 小时前
上海社零数据:消费结构分化——1.66万亿盘子从+7.2%到-1.0%的十五年观察
html·agent·数据可视化·上海·社会消费品零售总额
用户298698530141 天前
在 React 中使用 JavaScript 将 HTML 转换为 PDF
javascript·react.js·html
吴声子夜歌1 天前
HTML——结构化微数据语言简介
前端·数据库·html
吴声子夜歌1 天前
HTML——Web Components开发
前端·html
赵得C1 天前
创建 SVG 图标预览页面:从零实现到解决 CORS 问题
前端·javascript·html
大侠归来1 天前
C++ 与 Lua 的协程交互:从原理到实战
c++·lua·交互
IMPYLH1 天前
HTML 的 <th> 元素
前端·html
IMPYLH1 天前
HTML 的 <thead> 元素
前端·html
疯狂成瘾者2 天前
海康 Artemis 接口对接
开发语言·lua