海滨擎蟹

js图片转base64出现的跨域问题(跨域错误问题has been blocked by cors policy)

参考:跨域错误问题has been blocked by cors policy
跨域图片资源权限(CORS enabled image)

服务器用的是老版本的httpd,所有直接找到httpd.conf文件,加了以下配置信息

<IfModule mod_setenvif.c>
    <IfModule mod_headers.c>
        <FilesMatch "\.(cur|gif|ico|jpe?g|png|svgz?|webp)$">
            SetEnvIf Origin ":" IS_CORS
            Header set Access-Control-Allow-Origin "http://服务器ip" env=IS_CORS
        </FilesMatch>
    </IfModule>
</IfModule>

但是没有起作用,考虑到项目根目录有.htaccess文件,里面有之前做的ci框架的url优化,所以直接贴进去,OK了!


前面没有起作用的原因是:

配置操作后,记得清除浏览器缓存,让其生效。我就是按照网上教程配置apache后,放在那里都没有效果,之后看到跨域图片资源权限(CORS enabled image),里面有清除客户端缓存,清除之后,好了~

我是在virtualhost里面添加的:

<VirtualHost *:80>
    <Directory "/path/to/directory">
        Header set Access-Control-Allow-Origin *
    </Directory>
</VirtualHost>

但这样是不太好的,最好还是用上面的允许图片资源跨域访问就好

附:jspdf

当前页面是本站的「Google AMP」版。查看和发表评论请点击:完整版 »