服务器端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。

相关推荐
data analyse 4567 小时前
前端白屏问题按路由和资源加载顺序定位
大数据·前端·人工智能·数据分析·html
软件技术NINI16 小时前
美妆商城html+Css+js 4页
javascript·css·html
软件技术NINI1 天前
化妆品html+css+js 7页
javascript·css·html
java1234_小锋1 天前
【技术专题】HTML5 网页技术 - HTML5 链接与图片
前端·html·html5
java1234_小锋1 天前
【技术专题】HTML5 网页技术 - HTML5 文本与排版标签
前端·html·html5
damoluomu1 天前
SSG 的后台怎么补:Node.js 生态里的三条路(番外二)
javascript·css·typescript·node.js·html
东鹏特饮1 天前
贪吃蛇小游戏html
前端·javascript·html
ShineWinsu1 天前
对于CSS:选择器的解析
前端·css·面试·html·web·选择器·网页
keyipatience1 天前
CSS 学习(1):语法、引入方式、选择器、字体与背景
前端·css·html
普通人61 天前
php处理百度编辑器有误html
开发语言·编辑器·html·php·1024程序员节