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

相关推荐
兴趣使然_5 小时前
【笔记】使用 html 创建网址快捷方式
笔记·html·js
Zachery Pole10 小时前
BootStrap
前端·bootstrap·html
淮北49411 小时前
最简单的实验室资产管理系统,使用Flask,mysql,html(四、知识补充)
mysql·flask·html
多啦C梦a12 小时前
【前端必修】闭包、`this`、`箭头函数`、`bind`、节流,一篇文章全懂!
前端·javascript·html
Canaan28512 小时前
前端开发-标签
html
爱编程的喵14 小时前
深入理解JavaScript节流函数:从原理到实战应用
前端·javascript·html
web守墓人20 小时前
【前端】ikun-markdown: 纯js实现markdown到富文本html的转换库
前端·javascript·html
国家不保护废物2 天前
多模态模型数据传输的秘密武器:html5对象Blob深度解析
前端·面试·html
学长学姐我该怎么办2 天前
从零开始学前端html篇2
前端·html
程序员秘密基地2 天前
基于html,css,vue,vscode,java,springboot,mysql数据库,在线考勤,管理系统
java·vue.js·spring·html·web app