解决Canvas和waveForm访问远程资源出现的跨域问题

问题描述

在读取远程图片并在Canvas画布上显示的时候，出现了跨域问题，问题描述如下：

Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported.

远程图片可以直接在浏览器中用地址访问，网上查了一下是因为出现了跨域问题，但是我明明已经在前端使用了nginx进行代理，并且图片既然可以访问就应该没有跨域问题才对啊，具体原因尚不清楚。然后读取音频信息载入到waveForm中也出现了跨域问题，没有音频波形图但是可以播放声音。

问题解决

按照网上找到的方法，首先后端设置允许跨域，我的后端用的springboot搭建的，在WebMvcConfiguration类中添加了重写方法

     @Override
     public void addCorsMappings(CorsRegistry registry) {
   
     registry