[记录] 多文件上传BUG解决记录-选择文件后-修改本地文件名-点击上传失败 的解决过程

上下文

需求是 批量导入文件，做的是 先点击选择按钮 多选文件，然后列表可以删除选择文件，然后点击上传按钮，进行多文件上传。

BUG

测试 选择多文件后，对本地文件进行改名，上传文件失败

第一次解决

点击上传按钮的时候，增加检测文件是否存在，如果不存在就阻止api调用。（开发默认都开F12）
禅道点击bug解决

第二次解决

bug复现了，上测试地址一试，还真是bug没解决，但是开发环境确实没有问题（开发默认都开F12）。
怀疑是开发环境和线上环境问题，然后修改了下 检测文件是否存在的函数。打包build，放到nginx连后台，测试。
线上环境（nginx）没问题，测试线上是国产的中间件。

第三次解决

bug复现了，同一个地址，我是正常的，测试就不行。git版本都一样，缓存也刷新了。
经过对比发现，开F12就不报错，不开F12就报错。TMD哎呦呦~~
仔细看了下接口 net::ERR_FILE_NOT_FOUND 报错跨域，但是开F12 检测文件是否存在的函数就能 检测到~
最后方案 axios调用时候拦截错误 .catch(err => {})
只要接口报错了，就是文件传的有问题，就直接给错误提示

总结

接口传文件，文件信息没找到，浏览器直接就阻止接口发出请求，直接给err, 会走到.catch

1. 怀疑开发环境和生产环境有差异 （判断失误）
2. 开F12 和 不开 F12 对函数运行有影响

Done~~
20260604 Recier