NPM Run Build не использует прокси -- reactjs поле с участием react-loadable пол Связанный проблема

npm run build does not use proxy


1
vote

проблема

русский

У меня есть рабочее приложение Review.js, которое работает с использованием NPM Start (приложение, построенное с использованием приложения Create-React-App). Когда я пытаюсь запустить NPM Run Build, он создает приложение. Я обслуживаю это, используя

 <код> serve -s build -l 3000   

Он загружает первую страницу приборной панели, но не связывается с сервером. Я поставил консольные операторы Console.log на сервере, чтобы проверить наличие любых запросов, но он никогда не регистрирует ничего ... что означает, что клиент не разговаривает с сервером. У меня есть оператор прокси в Package.json для подключения к серверу в порту 3300. Это работает в режиме разработки, но в режиме производства, кажется, не собирает настройки прокси в Package.json.

Пожалуйста, направляйте ... Это мой первый раз переключение в режим производства ... Любое руководство по переходу в режим производства поможет.

Кстати, я также использую реагирование ...

Английский оригинал

I have a working react.js application, which works using npm start (app built using create-react-app). When I try to run npm run build, it builds the application. I serve it using

serve -s build -l 3000 

It loads the first dashboard page but does not communicate with the server. I have put console.log statements in server to check for any requests coming in, but it never logs anything... which means the client does not talk to the server. I have proxy statement in package.json to connect to server on port 3300. This works in development mode but in production mode it seems to not pickup the proxy settings in the package.json.

Please guide... this is my first time switching to production mode... any guidance on switching to production mode would help.

BTW I use react-loadable as well...

</div
     
 
 

Список ответов

2
 
vote
vote
Лучший ответ
 

Прокси-поле в Package.json используется только в разработке только Dev-сервера WebPack-Dev. Вы можете узнать больше об этом здесь

 

The proxy field in package.json is only used in development by webpack-dev-server. You can learn more about this here

</div
 
 
         
         
1
 
vote

Спасибо за всю помощь, ребята ....

Наконец, я понял, что «Run Run Conting» просто создает статические файлы для развертывания. Но как его использовать, это наши руки. :)

Я скопировал папку сборки внутри папки / сервера и добавил следующую строку в своем файле Boot Server.js. В основном, обслуживает статические файлы из / сервер / сборку папки, и все это работает красиво.

 <код> app.use('/', express.static(__dirname+'/server/build'))   

Спасибо за поддержку. :)

 

Thanks for all the help guys....

Finally, I understood that "npm run build" just creates the static files to deploy. But how to use it, is our hands. :)

I copied the build folder inside the /server folder and added the following line in my root server.js file itself. Basically, served the static files from /server/build folder and it all works beautifully.

app.use('/', express.static(__dirname+'/server/build')) 

Thanks for the support. :)

</div
 
 
 
 

Связанный проблема

0  Как пройти значение из изображения Carousel в React JS  ( How to pass value from carousel image in react js ) 
Я изучаю js js и пытаюсь создать связываемое изображение карусели с использованием nuka-carousel. Я настроил файл данных, чтобы получить изображения и данные ...

0  Нужен React Router Pro, чтобы помочь мне  ( Need a react router pro to help me ) 
Итак, сегодня я играл с маршрутизатором RACT и попытался изменить это Пример . Я хочу достичь этого: . Боковой NAV отображает только имена Когда пол...

1  Как изменить цвет надувателя на офисной ткани UI NAV компонент  ( How to change the hover colour on office fabric ui nav component ) 
У меня есть компонент NAV в моем приложении React React, и я пытаюсь изменить цвет фона каждого элемента на Hover. Пока у меня есть - <код> styles={{ link...

0  Добавление к компоненту из другого компонента с использованием реагирования  ( Adding to component from another component using react ) 
У меня есть <код> footer , который я создал в <код> App.js и теперь у меня другой компонент называется <код> KokPlayer.js , и я хочу добавить кнопки из <код ...

0  Установка динамического базового пути в React Router DOM  ( Setting dynamic base path in react router dom ) 
Я работаю над приложением React, где / Content идет на страницу контента и / Настройки Перейти к странице настроек. Теперь я должен добавить базовый путь как ...

-1  Как протолкнуть объект в массиве в один массив объектов, используя TeampScript и реагируйте?  ( How to push the object in array into one array of objects using typescript and r ) 
У меня есть данные, как приведенные ниже, <код> const items = [ { id: '1', color: 'green', name: 'item1', polygons: [ ...

2  React Redux сгенерировал компоненты без природных компонентов  ( React redux generated stateless components perfomance ) 
Я изучаю redux и реагирую. И я решил запустить простую «стресс-тест» с дающим, скажем, 15K ряды сгенерированного компонента (я надеюсь, что сделал это правиль...

7  ract.js and carousel со стрелками  ( React js antd carousel with arrows ) 
Я смотрю на использование and Caroseul, но я не видел пример, который создает кнопку предыдущего / следующей или паузы. <код> const { Carousel } = antd; Re...

0  Реагировать |. Onchange распространяется на родительский элемент OnClick  ( React onchange is propagating to onclick parent element ) 
Я работаю над небольшим проектом, и я со странной проблемой! Принципиально у меня есть некоторые компоненты, составляющие элемент, и у меня есть один элемент ...

5  Пользовательский стиль на раскрывающемся меню React-Buttrap  ( Custom style on react bootstraps dropdown menu component ) 
Я пытаюсь применить пользовательский стиль CSS к компоненту RACH BETSTRAP, но не может понять, как получить доступ к элементам, которые не являются явными в J...

3  Как реализовать автономный компонент в React Redux?  ( How to implement a self contained component in react redux ) 
Я создаю базу файлового менеджера Webui основы на React Redux (моя цель - это управлять React и Redux через этот проект) Как вы знаете, файловый менеджер ну...

1  Столбец Tabulator с JSX - выполнение функций класса  ( Tabulator column with jsx executing class functions ) 
Я пытаюсь использовать React-Tabulator, но у меня проблемы с рендером функции внутри моих столбцов таблицы. Функция возвращает JSX, но она использует другие к...

-1  Сортировка реагирования - родной складки алфабатично  ( Sorting react native flatlist alphabatically ) 
Это массив, из которого плоский LIS получает данные <код> const DATA = [ { id: '1', name: 'Hamza Ahzam', phone: '03076232309', DOB: '05/07/96', }, {...

0  Не могу использовать Jestjs в Windows 7 64 бита  ( Cant use jestjs in windows 7 64 bits ) 
Я хочу использовать jest для удаления тестирования приложения React. Я последовал за этим руководством, Я запускаю Python 2.7.10, используя Visual Studio 2...

0  Как закрыть Menuitem, когда диалог открыт  ( How to close menuitem when dialog is open ) 
Я открываю calling диалог из меню. Проблема в том, что меню будет оставаться открытым. Как я могу убедиться, что меню будет закрыто одновременно при нажати...

Связанный проблема

0  Как пройти значение из изображения Carousel в React JS 
0  Нужен React Router Pro, чтобы помочь мне 
1  Как изменить цвет надувателя на офисной ткани UI NAV компонент 
0  Добавление к компоненту из другого компонента с использованием реагирования 
0  Установка динамического базового пути в React Router DOM 
-1  Как протолкнуть объект в массиве в один массив объектов, используя TeampScript и реагируйте? 
2  React Redux сгенерировал компоненты без природных компонентов 
7  ract.js and carousel со стрелками 
0  Реагировать |. Onchange распространяется на родительский элемент OnClick 
5  Пользовательский стиль на раскрывающемся меню React-Buttrap 
3  Как реализовать автономный компонент в React Redux? 
1  Столбец Tabulator с JSX - выполнение функций класса 
-1  Сортировка реагирования - родной складки алфабатично 
0  Не могу использовать Jestjs в Windows 7 64 бита 
0  Как закрыть Menuitem, когда диалог открыт 



© 2021 www.qaru.top All Rights Reserved. Q&A House все права защищены


Licensed under cc by-sa 3.0 with attribution required.