验证码跨域问题

Blade 未结

关注举报

 1  8

悬赏：5

一、该问题的重现步骤是什么？

1. 通过 vscode 指向已部署的后台服务时，访问登录界面时，验证码能加载出来

2. 然后打成dist 包部署到服务器(linux), 访问登录界面时，验证码不能加载出来 ,提示跨域

3、是基于docker-compose 部署的配置文件如下

4 nginx 配置文件如下

server {

listen 7010;

server_name 192.168.100.22;

# root /usr/share/nginx/html;

location / {

root /usr/share/nginx/html;

try_files $uri $uri/ $uri/# $uri/#/ @router;

index index.html index.htm;

}

location /api/ {

proxy_pass http://192.168.100.22:8088/;

proxy_set_header Host $host;

proxy_set_header X-Real-IP $remote_addr;

proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;

proxy_set_header X-Forwarded-Proto $scheme;

if ($request_method = 'OPTIONS') {

return 204;

}

location /file/ {

proxy_pass http://192.168.8.202:18000/;

}

error_page 500 502 503 504 /50x.html;

location = /50x.html {

root html;

}

二、你期待的结果是什么？实际看到的又是什么？

三、你正在使用的是什么产品，什么版本？在什么操作系统上？

四、请提供详细的错误堆栈信息，这很重要。

五、若有更多详细信息，请在下面提供。

1、单独访问接口是正常获取信息

看下前端配置的地址，你nginx做了反向代理，前端的nginx应该是直接调用自己的 /api 前缀的反代后的地址，而不是让前端调用直连后端的地址。