为前端配置域名与SSL证书后Node.js Express API无法正常工作

本地开发时，React前端（端口6969）与Node.js Express后端（端口6868）通过http://localhost:6868/endpoint请求后端一切正常。近期购买域名与SSL证书，将项目部署到Digital Ocean Droplet并配置Nginx后，所有API调用均无法执行。

测试请求URL及结果 #

异常现象 #

访问https://64.227.113.122:6969（前端端口）时API请求正常，但访问https://www.mazad.social/home出现(blocked:mixed-content)错误。

当前Nginx配置 #

# default config
.
.
.

server {
    listen 443 ssl;
    server_name mazad.social;
    ssl_certificate /etc/nginx/ssl/mazad_social/ssl_bundle.crt;
    ssl_certificate_key /etc/nginx/ssl/mazad_social/www.mazad.social.key;

    ssl_protocols TLSv1 TLSv1.1 TLSv1.2;
    ssl_prefer_server_ciphers on;
    ssl_ciphers 'EECDH+AESGCM:EDH+AESGCM:AES256+EECDH:AES256+EDH';

    location / {
        proxy_pass http://localhost:6969;
        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;
    }
}

期望正常访问https://www.mazad.social/home且API正常工作，不确定问题出在Nginx、代码还是Docker配置，恳请帮助，如需更多信息请告知！

内容的提问来源于stack exchange，提问作者Hannon qaoud