Angular 安全地运行角万向节

我在运行Angular Universal dev服务器进行动态服务器端渲染时遇到问题。在我的应用程序中，我向一个安全主机发出几个http请求(https://...)似乎每当我启动Angular Universal时，它都会因为混合协议而抛出请求。在浏览器中对给定的API发出相同的请求不会出现问题，我可以在ssl打开的情况下运行客户端开发服务器，不会出现问题

ERROR NetworkError
    at XMLHttpRequest.send (/Users/app/dist//server/main.js:137480:19)
    at Observable._subscribe (/Users/app/dist/project-name/server/main.js:104370:17)
    at Observable._trySubscribe (/Users/app/dist/project-name/server/main.js:99560:25)
    at Observable.subscribe (/Users/app/dist/project-name/server/main.js:99546:22)
    at DoOperator.call (/Users/app/dist/project-name/server/main.js:214456:23)
    at Observable.subscribe (/Users/app/dist/project-name/server/main.js:99541:31)
    at CatchOperator.call (/Users/app/dist/project-name/server/main.js:105922:23)
    at Observable.subscribe (/Users/app/dist/project-name/server/main.js:99541:31)
    at scheduleTask (/Users/app/dist/project-name/server/main.js:141017:32)
    at Observable._subscribe (/Users/app/dist/project-name/server/main.js:141055:13)

跟踪中的最后一项指向一个混合协议错误/throw-in

server/main.js

，但该错误没有透露太多的信息

我假设这是因为Angular Universal正在一个不安全的端口上连接，并且API请求失败，但无论出于何种原因，即使在修改了

server.ts

文件之后，它仍然不希望通过https进行连接

在对我的

server.ts

文件进行更改以支持https后，这就是我所拥有的（通过openssl为本地主机生成的证书）。在这之前我用的是d

导出函数app（）：express.express{
const server=express（）；
const distFolder=join（process.cwd（），'dist/project name/browser'）；
const indexHtml=existsSync（join（distFolder，'main.original.html'））？'main.original.html'：'main'；
server.engine（'html'，ngExpressEngine({
引导：AppServerModule，
}));
set（'view engine'，'html'）；
server.set（'views'，distFolder）；
server.get（'*.'，express.static（distFolder{
maxAge:'1y'
}));
server.get（'*'，（req，res）=>{
res.render（indexHtml，{req，providers:[{provide:APP_BASE_HREF，useValue:req.baseUrl}]}）；
});
返回服务器；
}
函数run（）：void{
const port=process.env.port | 4000；
const server=app（）；
设sslOptions={
key:fs.readFileSync（'server.key'），
证书：fs.readFileSync（'server.cert'）
};
https.createServer（sslOptions，server）.listen（端口）
}

在

angular.json中

：

"serve-ssr": {
    "builder": "@nguniversal/builders:ssr-dev-server",
    "options": {
        "ssl": true,
        "browserTarget": "project-name:build",
        "serverTarget": "project-name:server"
    },
    "configurations": {
        "production": {
            "browserTarget": "project-name:build:production",
            "serverTarget": "project-name:server:production"
        }
    }
},

无论何时启动，我都会收到消息

**universallivedevelopmentserver正在监听http://localhost:4200，在上打开浏览器http://localhost:4200 **

但http或https请求均未响应

---

任何帮助都将不胜感激

https API上是否有有效的http证书？