如何在Total.js Flow可视化界面中发送带JSON请求体的POST请求?
如何在Total.js Flow可视化界面中发送带JSON请求体的POST请求?
嘿,我刚好摸过Total.js Flow的这个功能,给你一步步捋清楚怎么操作:
- 首先选对组件:你用
HTTP Request组件是完全正确的,只是JSON请求体的设置入口不在首页标签,得切换到「Body」标签才能看到 - 配置基础请求信息:先在「General」标签里填好目标URL
http://localhost/api/Token,请求方法下拉选择POST - 设置JSON请求体:切换到「Body」标签后,先把请求体类型从默认的
Form改成JSON,然后在下方的文本输入框里直接写入你的JSON内容就行,比如常见的token请求格式:
{ "username": "your-account", "password": "your-password" }
- 关于请求头的小细节:当你选择
JSON类型后,组件会自动帮你添加Content-Type: application/json这个必要的请求头,不用手动写;如果有其他自定义头,再去「Headers」标签里添加就行 - 动态内容小技巧:要是你的JSON内容需要用到Flow里其他组件的输出数据,可以用Total.js的模板语法,比如
{@ model.yourKey }来引用上游数据,不用把内容写死
内容来源于stack exchange
相关产品推荐
相关产品推荐

