部署网站后遭遇混合内容（Mixed-content）问题求助

各位大佬好！想请教个部署上线后碰到的棘手问题：

我做了一个兼具聊天和目标检测功能的APP，后端用FastAPI部署在Azure Web App，前端是Next.js 14部署在Vercel。本地开发的时候一切正常，CORS也配置好了，用户能顺利完成认证。但部署上线后，用户发送问题的时候，请求直接被拦截，根本传不到服务器，查了下是混合内容（Mixed-content）的问题。

我已经尝试了几种办法：

• 删掉了项目里用到的外部资源
• 按照相关方案在后端添加了CSP头，代码大概是这样的：

@app.middleware("http")
async def add_csp_header(request, call_next):
    response = await call_next(request)
    # 这里配置了CSP相关的规则
    response.headers["Content-Security-Policy"] = "..."
    return response

但还是没解决问题，有没有遇到过类似情况的大佬能给点建议？

备注：内容来源于stack exchange，提问作者Jnlan