NodeJS + Express 使用 fetch()：如何绕过 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 是一项很棒的（免费）服务，letsencrypt-express 将其与 Express 很好地集成在一起。

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