Служба create-реагировать на приложение за прокси-сервером с файлом .env, отображающим белый экран, ошибки и ложные срабатывания - PullRequest
0 голосов
/ 28 февраля 2020

Я пытаюсь обслуживать приложение CRA из-за nginx обратного прокси-сервера. У меня белый экран, а React сообщает о ложно-положительных результатах http-выборки и бесполезном входе в консоль браузера. Папка domain / stati c не существует на сервере и не создается созданными сценариями реагирования 3.3.

рабочий (сломанный) пример здесь:

https://react.syntapse.co.uk/rewired

.env file

PUBLIC_URL="https://react.syntapse.co.uk/rewired"
PORT=3120
WDS_SOCKET_HOST="https://react.syntapse.co.uk/rewired"
WDS_SOCKET_PORT=3121

nginx config:

server {
    listen 80;
    server_name react.syntapse.co.uk;

    # rewired
    location ^~ /rewired/sockjs-node/ {
        proxy_pass http://0.0.0.0:3121/sockjs-node/;
        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection 'upgrade';
        proxy_set_header Host $host;
        proxy_cache_bypass $http_upgrade;
    }
    location ^~ /rewired {
        proxy_pass http://0.0.0.0:3120/;
        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection 'upgrade';
        proxy_set_header Host $host;
        proxy_cache_bypass $http_upgrade;
    }
}

журнал ошибок браузера:

Uncaught SyntaxError: Unexpected token '<'
DevTools failed to parse SourceMap: chrome-extension://cfhdojbkjhnklbpkdaibdccddilifddb/include.preload.js.map
0.chunk.js:1 Uncaught SyntaxError: Unexpected token '<'
main.chunk.js:1 Uncaught SyntaxError: Unexpected token '<'
manifest.json:1 Manifest: Line: 1, column: 1, Syntax error.
DevTools failed to parse SourceMap: chrome-extension://cfhdojbkjhnklbpkdaibdccddilifddb/include.postload.js.map

сеть история при загрузке показывает 200 для всех пакетов.

rewired 200 document    Other   1.1 KB  112 ms  Script
bundle.js   200 script  rewired 1.1 KB  48 ms Script
0.chunk.js  200 script  rewired 1.1 KB  52 ms   Script
main.chunk.js   200 script  rewired 1.1 KB  53 ms   
Manifestmanifest.json   200 manifest    Other   1.1 KB  145 ms  
Otherfavicon.ico    200 text/html   Other   1.1 KB  96 ms   

Файлы пакета ссылаются на каталог stati c, которого просто нет в пути к файлу на моем сервере. Где находятся файлы комплекта, предназначенные для жизни.

<body>
    <noscript>You need to enable JavaScript to run this app.</noscript>
    <div id="root"></div>
    <!--
      This HTML file is a template.
      If you open it directly in the browser, you will see an empty page.

      You can add webfonts, meta tags, or analytics to this file.
      The build step will place the bundled scripts into the <body> tag.

      To begin the development, run `npm start` or `yarn start`.
      To create a production bundle, use `npm run build` or `yarn build`.
    -->
  <script src="/rewired/static/js/bundle.js"></script>
  <script src="/rewired/static/js/0.chunk.js"></script>
  <script src="/rewired/static/js/main.chunk.js"></script>

</body>

местоположение stati c не существует в моей системе, и я могу найти файлы комплекта. где они должны быть расположены для приложения CRA по умолчанию?

спасибо

1 Ответ

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

create-реакции-приложение в разработке позволяет игнорировать бэкэнд при разработке интерфейса и делает это локально, запуская сервер разработки. Когда вы закончите разработку и будете готовы к развертыванию приложения, вы должны запустить скрипт сборки, и он превратит вас в папку с stati c файлами для обслуживания с вашего сервера.

https://create-react-app.dev/docs/deployment/#other -решениях

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