Size: a a a

React — русскоговорящее сообщество

2020 October 01

А

Андрей in React — русскоговорящее сообщество
Кто то поделится материалом нормальным по деплою реакта на vps c nginx?
источник

MA

Maxim Afanasev in React — русскоговорящее сообщество
Андрей
Кто то поделится материалом нормальным по деплою реакта на vps c nginx?
server {
 listen 80;

 location / {
   root   /usr/share/nginx/html;
   index  index.html;
   try_files $uri $uri/ /index.html;
 }
}
источник

x

x1dan in React — русскоговорящее сообщество
Андрей
Кто то поделится материалом нормальным по деплою реакта на vps c nginx?
Лучше докер и траефик возьми
источник

А

Андрей in React — русскоговорящее сообщество
Maxim Afanasev
server {
 listen 80;

 location / {
   root   /usr/share/nginx/html;
   index  index.html;
   try_files $uri $uri/ /index.html;
 }
}
У меня такое)

server {
       listen 80;

       server_name alexandra-portfolio.proto-dev.ru www.alexandra-portfolio.proto-dev.ru;

       location / {
           root /var/www/develop/frontend/alexandra-portfolio;
           try_files $uri /index.html;
       }

       location /admin {
           proxy_pass http://localhost:3001;
        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 /swagger {
           proxy_pass http://localhost:4000;
        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 /api {
        proxy_pass http://localhost:4000;
        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        prox
источник

А

Андрей in React — русскоговорящее сообщество
Я думал что я статику в папке build раздаю експрессом
app.use(cors());
app.use(express.static(path.join(__dirname, 'build')));

app.get('*', (req, res) => {
 res.sendFile(path.join(__dirname, 'build', 'index.html'));
});

app.listen(dotEnv.parsed.PORT, () => {
 console.log(`Frontend 'alexandra-portfolio-admin' running on ${dotEnv.parsed.PORT} port`);
});
источник

А

Андрей in React — русскоговорящее сообщество
x1dan
Лучше докер и траефик возьми
Наверно вникать нужно плотно?
источник

x

x1dan in React — русскоговорящее сообщество
Андрей
Наверно вникать нужно плотно?
Ну если с докером знаком то 1 файл docker-compose и все настроено
источник

MA

Maxim Afanasev in React — русскоговорящее сообщество
Андрей
Я думал что я статику в папке build раздаю експрессом
app.use(cors());
app.use(express.static(path.join(__dirname, 'build')));

app.get('*', (req, res) => {
 res.sendFile(path.join(__dirname, 'build', 'index.html'));
});

app.listen(dotEnv.parsed.PORT, () => {
 console.log(`Frontend 'alexandra-portfolio-admin' running on ${dotEnv.parsed.PORT} port`);
});
Ну, вы решите, будете статику через express раздавать или через nginx. Вообще, если express больше ничего не делает, то смысла в нём нет.
источник

А

Андрей in React — русскоговорящее сообщество
Я начал раздавать статику через експресс потому что не смог проблему корса решить)
источник

MA

Maxim Afanasev in React — русскоговорящее сообщество
Андрей
Я начал раздавать статику через експресс потому что не смог проблему корса решить)
Какая может быть проблема корса со статикой?
источник

А

Андрей in React — русскоговорящее сообщество
Не, это не связано со статикой
источник

MA

Maxim Afanasev in React — русскоговорящее сообщество
Корс - это когда у вас домены разные. Или вы чего-то не договариваете? )
источник

А

Андрей in React — русскоговорящее сообщество
Дааа, капец история, то ли веб пак не до настроен то ли конфигурация nginx не верная была. Щас я верну как все было и покажу в чем косяцина
источник

MA

Maxim Afanasev in React — русскоговорящее сообщество
В общем, возьмите конфиг, который я вам скинул и скопируйте содержимое папки build в папку, которая указана в root этого конфига (или укажите ту, которая вам удобна). Всё будет работать. А потом уже допиливайте под себя.
источник

А

Андрей in React — русскоговорящее сообщество
Да, спасибо)
источник

А

Андрей in React — русскоговорящее сообщество
У меня тут еще сомнения на счет сервиса через который я запрос делаю. Я щас сделал так, что в зависимости от окружения конструирую строку через new URL
источник

AS

Alex Solovyov in React — русскоговорящее сообщество
добрый вечер, учусь писать тесты

встретился с ошибкой
SyntaxError: Unexpected token :
import './styles/_variables.scss';

подскажите как это решается?
источник

N

Nikolai in React — русскоговорящее сообщество
Добрый вечер. Кто-нибудь знает способ передать информацию из родительского элемента в дочерний? Именно из родительского, а не из компонента, который его отрендерил.

Например, в библиотеке Material-Ui есть такой компонент:
<ButtonGroup variant=“outlined”>
 <Button />
 <Button />
</ButtonGroup>


При проставлении варианта в ButtonGroup, автоматически проставляется такой же вариант в дочерних элементах Button, хотя в них это никак через пропсы не передается.

Кто-нибудь знает как реализовать подобное?
источник

VB

Vladimir Brabus in React — русскоговорящее сообщество
Всем привет. Вопрос может глупый, но у меня ошибка. Скачал с гита, инсталлировал пакеты проекта, при запуске такая ошибка. Как понимаю, это связано с линтером что-то?
источник

VB

Vladimir Brabus in React — русскоговорящее сообщество
источник