宝塔-nginx怎么解决图片跨域问题？

Question

图片跨域名问题怎么在定塔nginx上面解决，站点还开了伪静态，这和有没有关系？

Access to image at 'https://www.xxx.com/angpu/a5.jpg' from origin 'http://192.168.1.109:4000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

Answer 1

和伪静态没关系。

如果你的前端项目部署在宝塔，图片不在宝塔上，那么在宝塔上是不能解决的。是需要设置让图片允许跨域，也就是在图片的响应头中增加允许跨域的响应头字段。

一般CDN或者OSS都有配置允许跨域或者设置响应头的功能。

如果图片也在宝塔上，就在图片所在的那个站点配置文件里面增加允许跨域，没记错的话，宝塔上面鼠标点点就能操作，如果没有的话，就修改nginx配置文件，手动增加一个响应头，允许跨域。