跨域

在通过js加载图片的时候，出现跨域异常

      var img = new Image();
         img.crossOrigin = '*';//此行用于下载canvas图片数据时设置
         img.src = _src;
         img.onload = function(){
            var c=document.getElementById("myCanvas");
            var ctx=c.getContext("2d");
            ctx.drawImage(img,0,0);
         };

只要在静态资源服务器上，增加一个头信息：

Access-Control-Allow-Origin *

本文就apache进行操作，nginx大同小异

首先编辑httpd.conf

找到这行

#LoadModule headers_module modules/mod_headers.so

把#注释符去掉

LoadModule headers_module modules/mod_headers.so

目的是开启apache头信息自定义模块

然后在独立资源域名的虚拟主机添加一行

Header set Access-Control-Allow-Origin *

意思是对这个域名的资源进行访问时，添加一个头信息

重启apache

再访问，OK！