Peerjs развернуть ошибку на герою

Question

Я работаю с peerJs (v.0.3.14) и Angular 4. Я сделал свое приложение с angular-(cli v.1.3.0). Когда я использую мое приложение в локальной сети с ng-serve, все работает. Итак, я хочу попробовать на реальном сервере, чтобы я развернул его на heroku, приложение развернулось успешно, но когда я зашел на сайт, у меня появляется эта ошибка:

Страница по адресу https://limitless-cliffs-85978.herokuapp.com/ была загружена через HTTPS, но затребована небезопасная конечная точка XMLHttpRequest. ". Этот запрос был заблокирован; содержание должно быть подано через HTTPS.

Эта ошибка появляется, даже если я перенаправляю вызовы http следующим образом:

    // server.js
const express = require('express');
const app = express();

const path = require('path');

// If an incoming request uses
// a protocol other than HTTPS,
// redirect that request to the
// same url but with HTTPS
const forceSSL = function() {
    return function (req, res, next) {
      if (req.headers['x-forwarded-proto'] !== 'https') {
        return res.redirect(
         ['https://', req.get('Host'), req.url].join('')
        );
      }
      next();
    }
  }
  // Instruct the app
  // to use the forceSSL
  // middleware
  app.use(forceSSL());



// Run the app by serving the static files
// in the dist directory
app.use(express.static(__dirname + '/dist'));
// Start the app by listening on the default
// Heroku port
app.listen(process.env.PORT || 8080);

// For all GET requests, send back index.html
// so that PathLocationStrategy can be used
app.get('/*', function(req, res) {
    res.sendFile(path.join(__dirname + '/dist/index.html'));
  });

Что мне нужно сделать, чтобы это работало? Спасибо.