NodeJs и ExpressJs: безопасность CORS не позволяет показывать ионы и fontawesome-webfont при развертывании на Heroku. Почему? - PullRequest
0 голосов
/ 12 апреля 2020

Я ввел некоторые ограничения, используя модуль cors в ExpressJs. На моем локальном сервере все нормально. Мой код работает хорошо. Но когда я развертываю код на Heroku, браузер выдает некоторые исключения, говоря, что оба «ionicons» и «fontawesome-webfont» не найдены.

Код в Express Сервер (приложение. js)

var allowedOrigins = [
  URL1,
  URL2,
  URL3,
];
const notAllowedMessage = 'The CORS policy for this site does not allow access from the specified Origin.';

app.use(cors({
  origin: function (origin, callback) {
    // allow requests with no origin
    // (like mobile apps or curl requests)
    if (!origin) return callback(null, true);
    if (allowedOrigins.indexOf(origin) === -1) {
      var msg = notAllowedMessage;
      return callback(new Error(msg), false);
    }
    return callback(null, true);
  }
}));

Ниже приведены ошибки, отображаемые браузером

mydomain.com/vendor/ionicons/fonts/ionicons.ttf?v=2.0.0
ionicons.ttf:1 Failed to load resource: the server responded with a status of 404 (Not Found)

mydomain.com/vendor/font-awesome/fonts/fontawesome-webfont.woff2?v=4.7.0
fontawesome-webfont.woff2:1 Failed to load resource: the server responded with a status of 404 (Not Found)

mydomain.com/vendor/font-awesome/fonts/fontawesome-webfont.woff?v=4.7.0
ionicons.woff:1 Failed to load resource: the server responded with a status of 404 (Not Found)

mydomain.com/vendor/font-awesome/fonts/fontawesome-webfont.ttf?v=4.7.0
fontawesome-webfont.woff:1 Failed to load resource: the server responded with a status of 404 (Not Found)
fontawesome-webfont.ttf:1 Failed to load resource: the server responded with a status of 404 (Not Found)

Итак, многие элементы отсутствует пользовательский интерфейс, такой как значки и шрифты.

Даже при мысли, что при настройке моего домена в массиве "allowOrigins" cors блокирует как fontawesome, так и ionicons.

Почему?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...