Express x React - Отказался от применения стиля от <URL>, поскольку его MIME-тип ('text / html') не поддерживается. MIME-тип - PullRequest
Новая
       22

Express x React - Отказался от применения стиля от <URL>, поскольку его MIME-тип ('text / html') не поддерживается. MIME-тип

0 голосов
/ 11 февраля 2020

Я пытаюсь создать обратный прокси-сервер для обслуживания нескольких приложений переднего плана (независимо от платформы) с использованием Node и Express. Каждое из интерфейсных приложений будет обслуживаться с собственных доменов (частный IP / URL).

Конфигурация, которую я получаю: 

const appConfig = [
    {
        launchPath: '/appOne',
        name: 'React App',
        path: 'http://react.example.com:57675/'
    }, {
        launchPath: '/appTwo',
        name: 'React App',
        path: 'http://react.example.com:3001/'
    }
];

В express, вот что Я делаю, 

const proxy = require('http-proxy-middleware');
const app = express();
.
.
.
appConfig.forEach(config => {
   app.use(`${config.launchPath}`, proxy({target: config.path, pathRewrite: (path, req) => {
           // return '/'; // This doesn't work
           return path.split('/').slice(2).join('/'); // Neither does this
       }}));
});

При загрузке в браузере http://localhost:5000/appOne не разрешает файлы CSS и JS. 

Refused to apply style from 'http://localhost:5000/static/css/main.2e9f44af.chunk.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.
(index):1 
Refused to execute script from 'http://localhost:5000/static/js/2.acb4cd2d.chunk.js' because its MIME type ('text/html') is not executable, and strict MIME type checking is enabled.

Приложения React , самостоятельно работаю должным образом. Только при прокси через Express я получаю эту ошибку. Я искал по всем веб-сайтам, и большинство, если не все, упоминают использование express.static. Это не будет работать для моего варианта использования.

Любые указатели приветствуются!

...