前端Chrome浏览器下载文件采坑

使用场景：一个项目里可创建任务，每个任务都可输出一个CAD文件，同一个任务输出的CAD文件路径是固定的，在修改过参数后，再次下载文件，发现文件还是之前的原始文件，内容并没有修改。

原因：经过大量控制变量测试，发现系统输出的文件是修改过的，是Chrome浏览器的问题，对于同一个路径的文件，Chrome浏览器会认为是同一个文件，会直接从缓存里下载文件，导致文件内容不变。

解决方法：

1. 通过浏览器控制台上方的disable cache禁用缓存，这种方法必须要F12打开开发者面板才行，可以用于临时测试；

2. 创建一个chrome的快捷方式，在快捷方式的“属性”里加入–disk-cache-size=1，每次通过快捷方式打开chrome；

3. 更换浏览器，我们在Ubuntu上用火狐下载好像没有遇到缓存问题；

4.通过修改前端代码，解决此问题，具体操作步骤如下：

在下载路径后面加"?"+Math.random();这样浏览器就不会从缓存里取文件了！

const url = getCad + (this.state.cabinetResult ? name : "untitled") + "_ocr.dxf?"+Math.random()
const elementA = document.createElement('a')
elementA.setAttribute('href', url)
elementA.setAttribute('download', '')
elementA.click()