在多数现代浏览器中我们都可能会遇到图片跨域被阻止的问题，一般来说跨域问题主要出现在前后端分离，云架构的web系统中。 在两年前的时候通过网上的搜索勉强应付了问题，但是每次使用或多或少还会有需要解决的小问题。这次弄清楚了之后发现之前网上大多数也都是一知半解，并没有解决核心问题，所以导致了瞎试，碰运气的方式来处理。

首先html2canvas跨域问题的原因 我们希望将html渲染为canvas 进而渲染为图像，这就需要将html中的资源加载到临时的canvas中,而这个时候，如果资源和当前页面不同源，就会被canvas认为有污染拒绝加载。这是出于浏览器出于安全的角度做的一个设定。

在这个时候，我们需要做的其实比较简单，在所有因为跨域被拒绝的资源从服务端返回一个header

Access-Control-Allow-Origin: https://aaa.bbb.com
Access-Control-Allow-Methods: POST, GET, PUT, DELETE

诸如网上的一些都是,不需要的：

Access-Control-Expose-Headers: 
Access-Control-Allow-Credentials: true

- 阅读剩余部分 -