403图片跨域问题

2 阅读1分钟

403错误是由于浏览器的同源策略(Same-Origin Policy)导致的。让我详细解释网关映射和相对路径访问的解决方案:

当前情况:

解决方案:

  1. 网关配置(反向代理)

在网关层配置路由规则,将图片路径映射到同域下:

nginx网关配置示例

# 网关配置示例
server {
    listen 8080;
    server_name local.unify-test-1.byby.com;
    
    # 应用本身
    location / {
        proxy_pass http://localhost:3000;
    }
    
    # 图片资源映射 - 关键部分!
    location /assets/ {
        proxy_pass https://asset-file-core-auth-test.byby.com/bybit-social/;
        proxy_set_header Host asset-file-core-auth-test.byby.com;
        add_header Access-Control-Allow-Origin *;
    }
}

浏览器 → local.unify-test-1.byby.com:8080 (应用)

浏览器 → local.unify-test-1.byby.com:8080/assets/file…

↓ 网关代理

网关 → asset-file-core-auth-test.byby.com/bybit-socia…