403错误是由于浏览器的同源策略(Same-Origin Policy)导致的。让我详细解释网关映射和相对路径访问的解决方案:
当前情况:
- 您的应用:local.unify-test-1.byby.com:8080
- 图片资源:asset-file-core-auth-test.byby.com/...
- 不同域名 → 违反同源策略 → CORS错误
解决方案:
- 网关配置(反向代理)
在网关层配置路由规则,将图片路径映射到同域下:
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…
↓ 网关代理