Flask Blueprint：URL ID 传递问题及解决方案

本文针对 Flask Blueprint 中使用 POST 请求传递 URL ID 时遇到的 404 JavaScript 中构建请求 URL 的正确方法，避免了 Blueprint 下载 Blueprint 中的端点。

在使用 Flask Blueprint 构建 Web 应用时，经常需要在 URL 中传递 ID 作为参数。如果在前端使用 JavaScript 发起 POST 请求时，URL 阅读更多: 404 当我们在页面 localhost/2/updatestrat JavaScript 发起 POST 请求到 /add_indicator 时，希望 Flask Blueprint 能够正确触发 URL 中的 ID (例如：2) 传递到 add_indicator 作为端点，请求实际上会发送到 http://127.0.0.1:5000/add_indicator，而不是http：//127.0.0.1：5000/2/add_indicator。这导致Flask Read more 404错误。

getJson Images: ，浏览器会自动将当前页面的路径作为基础路径，从而正确地发送到 /2/load_conditions。

解决方案

解决方案提供，在 JavaScript 中构建请求 URL 时，要确保 URL 与 Blueprint 中定义的路由相匹配。

错误示例：AI建筑知识问答

用人工智能ChatGPT帮助解答所有建筑问题22查看详情 let indi_data = wait postJsonGetData(data， quot；/add_indicatorquot；)； // 错误：缺ID登录后复制

正确示例：let indi_data = wait postJsonGetData(data， quot；add_indicatorquot；)； // // StrategyId = 2 // 或者从页面元素中获取let indi_data = wait postJsonGetData(data， `${strategyId}/add_indicator`)； // 明确构建URL登录后复制

在Flask Blueprint中，路由定义如下：from Flask import Blueprint， request， jsonifyfromflask_login import login_requiredbp = Blueprint('my_blueprint'， __name__)@bp.route('/lt；int：strategy_idgt；/add_indicator'， methods=['POST'])@login_requireddef add_indicator(strategy_id)： if request.method == 'POST'： data = request.get_json() # 获取 POST 请求中的 JSON 数据 print(f"策略 ID：{strategy_id}"；) print(f"接收的数据：{data}"；) return jsonify({"message"；： "指标添加成功"；}) # 返回 JSON

Blueprint 定义： Blueprint 类创建一个 Blueprint 实例，命名为 my_blueprint。路由定义： @bp.route('/lt；int：strategy_idgt；/add_indicator'，methods=['POST']) Strategy_id 作为 URL POST 请求。add_indicator POST Strategy_id 作为参数，并从请求对象中获取 JSON 数据。 request.get_json() 用于解析请求体中的 JSON 数据。JSON 响应： jsonify({"message": "指标添加成功"})) 响应，包含一个消息键，值为"指标添加成功"。

方便注意事项确保Blueprint已经正确注册到Flask应用中。在JavaScript中，如果使用绝对路径/add_indicator，则Flask会认为该路由在根目录下，而不是在Blueprint中。在Flask中，使用request.get_json()可以地获取POST此时，正确构建 URL。通过使用显式相对路径或者地构建包含 ID 的 URL，可以避免 404错误，确保POST Blueprint中的端点。同时，合理使用Flask提供的工具函数，如request.get_json()和jsonify()，可以简化请求处理和响应构建。

以上就是Flask Blueprint：URL ID JavaScript Java js前置json浏览器工具ai路由红JavaScript Flask json int整数类型对象http大家都看：在Python中以JavaScript类似的方式启动异步协使用程Selenium和Python下载JavaScript渲染的图片Django表单字段联动：使用JavaScript/jQuery实现动态填充网页抓取内容进阶：解析JavaScript动态加载的数据标签内的直属文本内容