Node.js Express API/ReactJS/HTTPS-阻止:本地主机上的混合内容 上下文

Node.js Express API/ReactJS/HTTPS-阻止:本地主机上的混合内容 上下文,node.js,ssl,express,reactjs,https,Node.js,Ssl,Express,Reactjs,Https,感谢node/express和react,我构建了一个web应用程序。 我只是把它放在我的产品服务器(api和web应用程序)上,我想用ssl证书来保护它 美国石油学会 我使用(我的代码的简化版本)设置api: 第一个问题:例如,如何使用POSTMAN测试我的API 网络应用 当我尝试用https使用我的web应用程序时(我让Nginx在上面代理433请求到3002),我的所有ajax请求都被错误阻止混合内容。我完全理解这个错误的含义,但我在本地主机上 我怎样才能解决这个问题?即使在本

感谢node/express和react,我构建了一个web应用程序。 我只是把它放在我的产品服务器(api和web应用程序)上,我想用ssl证书来保护它


美国石油学会 我使用(我的代码的简化版本)设置api:

  • 第一个问题:例如,如何使用POSTMAN测试我的API

网络应用 当我尝试用https使用我的web应用程序时(我让Nginx在上面代理
433
请求到
3002
),我的所有ajax请求都被错误阻止
混合内容
。我完全理解这个错误的含义,但我在本地主机上

  • 我怎样才能解决这个问题?即使在本地主机上,我也必须发出安全请求吗

下一步 最后一个请求。如果在不久的将来,我想把我的服务放在两个不同的服务器上,如何设置我的webApp在https上工作


谢谢。

https:localhost通过这种方式,您可以在本地主机中进行测试https:localhost通过这种方式,您可以在本地主机中进行测试
const https = require('https');

const port = normalizePort('3000');
app.set('port', port);

app.set('trust proxy', true);
app.set('trust proxy', 'loopback');

const ssl = {
    key: fs.readFileSync('/etc/letsencrypt/live/habitatdurable.pro/privkey.pem'),
    cert: fs.readFileSync('/etc/letsencrypt/live/habitatdurable.pro/fullchain.pem'),
    ca: fs.readFileSync('/etc/letsencrypt/live/habitatdurable.pro/chain.pem')
}

const server = https.createServer(ssl,app);