跨域（Cross-Origin）是指浏览器出于安全考虑，​限制网页脚本向不同源（协议、域名、端口任意一项不同）的服务器发起请求的行为。这种限制是由浏览器的 ​同源策略（Same-Origin Policy）​​ 导致的。

解决跨域

    # 静态资源通用配置（图片、多媒体、字体、JS、CSS等）
    location ~* \.(jpg|jpeg|png|gif|bmp|webp|svg|ico|mp4|webm|ogg|js|css|woff|woff2|ttf|eot)$
    {
        # 允许所有域名跨域访问
        add_header Access-Control-Allow-Origin "*" always;
        add_header Access-Control-Allow-Methods "GET" always;
        add_header Access-Control-Allow-Headers "*" always;
        add_header Access-Control-Max-Age 86400 always;
        # 缓存设置
        expires 365d;
        add_header Cache-Control "public, immutable, max-age=31536000, s-maxage=31536000" always;
        
        # 安全增强头
        add_header X-Content-Type-Options "nosniff" always;
        add_header Referrer-Policy "strict-origin-when-cross-origin" always;
        try_files $uri =404;
        access_log off;
        error_log  /dev/null;
        log_not_found off;
    }

以上设置是针对cdn端无法设置http响应头的，如果cdn那边可以设置响应头的话就直接设置即可！get请求就行了！

刷新相关跨域链接

如果你的cdn链接出现跨域问题,请在源站设置好跨域配置后进行跨域问题的链接刷新，刷新之后你设置的链接就可以正常访问了。