hiw使用angular nginx angular和springboot解析混合内容

我用docker编写了服务器。docker compose内部正在运行cerbot，用angular、nginx和springboot保护nginx。这是我的docker compose：

版本：“3”
服务：
后端服务器：
图片：registry.gitlab.com/bloomingtb/blooming the brand shop web/back:0.0.8
端口：
- "8081"
重新启动：始终
nginx:
图片：registry.gitlab.com/bloomingtb/blooming the brand shop web/front:0.0.7
链接：
-“后端服务器”
取决于：
-“后端服务器”
端口：
- "80:80"
- "443:443"
卷数：
-./data/nginx:/etc/nginx/conf.d
-./data/certbot/conf:/etc/letsencrypt
-./data/certbot/www:/var/www/certbot
命令：“/bin/sh-c”while:；do sleep 6h&wait$${！}；nginx-s reload；done&nginx-g\”守护进程关闭\"'"
certbot：
图片：certbot/certbot
卷数：
-./data/certbot/conf:/etc/letsencrypt
-./data/certbot/www:/var/www/certbot
入口点：“/bin/sh-c”陷阱退出条件；while:；DoCertBot续订；睡眠12h&等待$${！}；完成；”

这是nginx配置文件

服务器{
听80；
服务器名称：bloomingthebrand.com www.bloomingthebrand.com；
地点/{
返回301 https://$server\u name$request\u uri；
}
位置/知名度/极致挑战/{
root/var/www/certbot；
}
}
服务器{
侦听443 ssl默认_服务器；
服务器名称：bloomingthebrand.com www.bloomingthebrand.com；
#地点/{
##代理通行证https://www.bloomingthebrand.com;
#代理通行证https://185.254.205.186:80;
# }
root/usr/share/nginx/html；
index.html index.htm；
地点/{
尝试_文件$uri$uri//index.html；
}
ssl_证书/etc/letsencrypt/live/bloomingthebrand.com/fullchain.pem；
ssl_certificate_key/etc/letsencrypt/live/bloomingthebrand.com/privkey.pem；
包括/etc/letsencrypt/options-ssl-nginx.conf；
ssl_dhparam/etc/letsencrypt/ssl-dhparams.pem；
}

当我尝试执行spring请求时，它会抛出以下错误：

The page at 'https://www.bloomingthebrand.com/products' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint 'http://0.0.0.0:8081/api/products'. This request has been blocked; the content must be served over HTTPS.

我不知道我现在能做什么。我试过很多东西，但都没用

谢谢