Vue项目中axios.post无响应也不报错,仅调试器手动执行正常的问题排查求助
Vue项目中axios.post无响应也不报错,仅调试器手动执行正常的问题排查求助
我这边有个Vue前端+Flask后端,再加C++摄像头后端的项目,之前一直运行正常。最近换了电脑和摄像头后端、硬件后,遇到了个离谱的问题:
点击前端按钮后,流程是先触发摄像头采集图像、获取文件路径,之后本该执行axios.post调用Flask的API,但这一步完全没反应——后端端点没触发,控制台也没任何错误或响应。
但离谱的是,只要我打开调试器,手动执行这段axios.post代码,它就正常工作了!
环境信息
- 系统:Windows
- npm 版本:10.9.2
- Vue 版本:3.3.4(大概)
- axios 版本:1.7.9
- 后端:Flask
核心代码
async function startImgAnalysis() { updateBusy(true); recordStore.setRecordName(recordName.value); await recordStore.createSnapshot(recordName.value, recordType); await sleep(500); // we need a pause here, to make sure the image was really written var path = await recordStore.getLatestRecord(recordName.value, recordType); if(!path){ errorStore.setError("Analysis could not be started!", "The file path is empty.") } else{ //debugger; console.log(path); // this works! axios.post("analyze/start", {'path': path}) // nothing happens till I do it manually via debugger .then((res) => { let statuspath = res.headers.get('statusid'); analysisInProgress.value=true; updateProgress(statuspath); }) .catch((err) => { //No errors are logged console.error(err); updateBusy(false); }); } }
补充信息
编辑:我在开发者工具里看到了这个POST请求,但它的状态很奇怪——没有任何有用的头信息或响应详情,看起来像是被挂起了。
目前已经试过这些方法,但全没用(会持续更新):
- 换浏览器(Chrome、Firefox都试了)
- 调低浏览器安全设置
- 清除所有Cookie和缓存
- 用隐私模式打开
- 更换axios版本
- 后端把
Access-Control-Expose-Headers设为* - Flask里给
/analyze/start加了OPTIONS请求的路由处理 - 完全关闭防火墙
- 用Waitress替代Flask自带的开发服务器
- Waitress试过2-8个线程的配置
- 把POST改成GET请求
- 改用fetch替代axios(结果一样,说明不是axios的问题)
- 升级Flask版本
- 重启电脑
- 给请求加JSON头、用JSON.stringify处理参数(包括querystring.stringify)
- ...甚至试过崩溃式哭泣😂
备注:内容来源于stack exchange,提问作者Hi_its_me
相关产品推荐
相关产品推荐

