使用fetch（）的NodeJS + Express：如何绕过Javascript中的“您的连接不是私有的”？

Question

目前，我已经设置了NodeJS + ExpressJS客户端服务器，并且它对后端服务器进行API调用。 但是无论什么时候，我首先都必须直接转到API后端服务器的URL并查看以下页面，然后转到Advanced > Proceed to https://backendserver.com:8080 (Unsafe) ，在为了能够进行API调用而没有任何错误。

有没有一种方法可以始终允许它Proceed to https://backendserver.com:8080而不必通过浏览器手动进行操作？

这是我使用fetch()进行API调用的方式：

  loggingIn(userInfo) {

    var userInfoBody = {
        'username': `${userInfo.username}`,
        'password': `${userInfo.password}`
    }

    var configuration = {
      method: 'POST',
      headers: {
        'Content-Type': 'application/json'
      },
      body: JSON.stringify(userInfoBody)
    }

    return function(dispatch) {
      fetch('https://backendserver.com:8080/creds', configuration)
      .then(response => response.json())
      .then(response => {
        console.log('Success and response is', response)
      })
      .catch((error) => {
        console.log("Error: ", error)
      })
    }

我的NodeJS + Express设置如下：

var express = require('express');
var cors = require('cors');
var path = require('path');
var config = require('../webpack.config.js');
var webpack = require('webpack');
var webpackDevMiddleware = require('webpack-dev-middleware');
var webpackHotMiddleware = require('webpack-hot-middleware');
var app = express();
var compiler = webpack(config);

app.use(cors());

app.use(webpackDevMiddleware(compiler, {noInfo: true, publicPath: config.output.publicPath}));

app.use(webpackHotMiddleware(compiler));

app.use(express.static('./dist'));

app.use('/', function (req, res) {
  res.header("Access-Control-Allow-Origin", "*");
  res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");
  res.sendFile(path.resolve('client/index.html'))
})

var port = 3000;

app.listen(port, function(error) {
  if (error) throw error;
  console.log("Listening to ", port);
})

Answer 1

通常，这里只有一个适当的解决方案：使用浏览器信任的服务器证书。

如果您有公共服务器 ，则需要从受信任的证书颁发机构获取证书。 为此， Let's Encrypt是一项出色的（免费）服务，并且letencrypt-express与Express完美集成。

如果您有专用服务器 （例如开发或测试服务器，或仅由少数浏览器使用的服务器），则可以使用自签名证书，并将其添加为浏览器或操作系统中的受信任证书。