ребят, а куда нужно положить файл frame.html в create-react-app приложении, чтобы можно было использовать как <iframe src="frame.html /> что то туплю

ребят, а куда нужно положить файл frame.html в create-react-app приложении, чтобы можно было использовать как <iframe src="frame.html /> что то туплю

Тебе нужно переименовать html целевой html? react-app-rewired переписывай output

Всем доброго времени суток, подскажите пожалуйста в чем проблема. Мне нужно поправить скрипт. Скрипт берез данные из rest api, проблема в том что раньше был другой ip и путь...всё сменила, ошибка: Failed to load http://айпишник/api/v1/путь/: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:8020' is therefore not allowed access. Раньше токен авторизации тоже был другой, как я поняла из скрипта он брался из сессии, но теперь нужно добавить другой. 1 скрин гет запрос, 2 скрин axios create, знаю точно что нужен токен авторизации и я его добавила в заголовок( возможно тут ошибка, и я не правильно его добавила в axios create)

Всем доброго времени суток, подскажите пожалуйста в чем проблема. Мне нужно поправить скрипт. Скрипт берез данные из rest api, проблема в том что раньше был другой ip и путь...всё сменила, ошибка: Failed to load http://айпишник/api/v1/путь/: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:8020' is therefore not allowed access. Раньше токен авторизации тоже был другой, как я поняла из скрипта он брался из сессии, но теперь нужно добавить другой. 1 скрин гет запрос, 2 скрин axios create, знаю точно что нужен токен авторизации и я его добавила в заголовок( возможно тут ошибка, и я не правильно его добавила в axios create)

Запросы с сайта не должны уходить на другой домен - это не безопасно https://habr.com/company/pentestit/blog/337146/

Повторю вопрос. Есть у кого опыт в настройке gitlab CI?

?задавай сразу вопрос

Повторю вопрос. Есть у кого опыт в настройке gitlab CI?

А чоу тебя интересует-то?

Как думаете стоит ли в редакс класть данные, которые с апи приходят и только на одной странице?

Да, стоит

(Я так делаю)

Или нужно все в одном стейдже сделать?

Это норм же

Кстати, кэши-то настрой

Они не просто так придуманы :)

Кстати, кэши-то настрой

что?)

Смотри, каждый таск запускается в своём контейнере, так что нет смысла билд отдельно делать, он не подцепит модули. Чтобы каждый раз не переустанавливать одно и то же используй директиву cache

cache: key: ${CI_COMMIT_REF_SLUG} paths: - node_modules/ before_script: - npm ci

npm ci тут вместо npm install, он не пересобирает все заново, а берет версии из package-lock

сидел сейчас переписывал

сейчас билдится проект, но как папку build теперь задеплоить на pages ?

На гх пейджс?

На гх пейджс?

gitlab pages

Ааа, ну у тебя ж там ветка отдельная

Просто запушь в неё

Захожу на pages, а кнопок каких-нибудь нет. Только ссылка на документацию

Запросы с сайта не должны уходить на другой домен - это не безопасно https://habr.com/company/pentestit/blog/337146/

Это не другой домен , это rest api

Как же быть

Я кажется знаю

Как же быть

проксировать

А если я скажем средствами rest api достану json и просто положу его в переменную как пример и буду с ней работать ....а потом уже на домен с rest api залью приложение...должно сработать

Да ?

Это не другой домен , это rest api

другой ip == другой домен

другой ip == другой домен

Да , я понял , спасибо

На локалке можно вебпаком проксировать, а на сервере nginx, ну или просто настроить cors ?

другой ip == другой домен

Не обязателен

Не обязателен

Если в пути именно ip, обязательно. Я не про DNS

Ребят, можете посоветовать проверенную временем и опытом простую табличку с сортировкой и пагинацией? Сам уж думал сделать, но наверняка можно сэкономить время сейчас. На awesome-react-components заглядывать уже стрёмно, т.к. там слишком ширикий выбор уже.

Ребят, можете посоветовать проверенную временем и опытом простую табличку с сортировкой и пагинацией? Сам уж думал сделать, но наверняка можно сэкономить время сейчас. На awesome-react-components заглядывать уже стрёмно, т.к. там слишком ширикий выбор уже.

https://react-table.js.org

Ребят, всем привет! Прощу помощи, у меня приложение выводит список статей, для анимации появления использовал CSSTransition, но приложение крашится при заворацивании статьи обратно, логи:

Что можно использовать вместо yeoman ?

это при инициализации

это по заворациванию

getBody покажи. Там одна нода возвращается?

ответ на твой вопрос во второй ошибке

getBody покажи. Там одна нода возвращается?

очевидно, что нет

Что можно использовать вместо yeoman ?

Plop

деф тул тоже показывает что всё в норме, одна нода

https://react-table.js.org

спасибо добрый человек

Что можно использовать вместо yeoman ?

давно про него не слышал, зачем используете?

работает...

ERROR: S client not available

работает...

если реакт > 16, заверни в Fragment и радуйся

У тебя в условии ошибка

>= 16 ?

>= 16 ?

ой, все =)

если реакт > 16, заверни в Fragment и радуйся

о, спасибо, так куда лучше

давно про него не слышал, зачем используете?

Нужно сделать быстрое развертование админки. Где есть уже главная страница и страница авторизации. Структура проекта с файлами и папками типо экшенов, компонентов и т.д

а как подключить вот такой синтаксис? <></>

Есть компонент 1, там свитч роутера, с переходом на компонент2 Есть компонент 2, там еще один свитч и <Link>, который не в области его видимости Подозреваю что из-за connect на компоненте 2, игнорируются переходы. Куда копать?

Есть компонент 1, там свитч роутера, с переходом на компонент2 Есть компонент 2, там еще один свитч и <Link>, который не в области его видимости Подозреваю что из-за connect на компоненте 2, игнорируются переходы. Куда копать?

не использовать react-router-dom )

Вопрос: Необходимо понимать, страница скролится вверх или вниз. Есть на то соответствующий метод?

Есть компонент 1, там свитч роутера, с переходом на компонент2 Есть компонент 2, там еще один свитч и <Link>, который не в области его видимости Подозреваю что из-за connect на компоненте 2, игнорируются переходы. Куда копать?

https://github.com/ReactTraining/react-router/blob/master/packages/react-router/docs/guides/blocked-updates.md

Вопрос: Необходимо понимать, страница скролится вверх или вниз. Есть на то соответствующий метод?

передедущее положение скрола минус текущие, больше нуля вниз, меньше вверх

а как подключить вот такой синтаксис? <></>

не надо так, выглядит далеко не фонтан, React.Fragment - удобно и понятно

Ребят, вопрос такой: все асинхронные запросы подписываются jwt токеном. Когда токен протухает, необходимо "приостановить" все асинхронные запросы, обновить токен, и "продолжить" выполнение запросов. В какую сторону копать?

в контексте redux

а как подключить вот такой синтаксис? <></>

babel 7

Ребят, вопрос такой: все асинхронные запросы подписываются jwt токеном. Когда токен протухает, необходимо "приостановить" все асинхронные запросы, обновить токен, и "продолжить" выполнение запросов. В какую сторону копать?

шлешь запрос с протухшим токеном, сервер говорит тебе об этом, юзеру показываешь сообщение что надо перелогиниться, редирект, новая авторизация, новый токен?

шлешь запрос с протухшим токеном, сервер говорит тебе об этом, юзеру показываешь сообщение что надо перелогиниться, редирект, новая авторизация, новый токен?

перелогинироваться каждый час/день/etc?

https://github.com/ReactTraining/react-router/blob/master/packages/react-router/docs/guides/blocked-updates.md

Читал. Добавлял sCU, добавлял withRouter.. пофиг, кажется, придется кодить кейс где проблема повторяется :(

шлешь запрос с протухшим токеном, сервер говорит тебе об этом, юзеру показываешь сообщение что надо перелогиниться, редирект, новая авторизация, новый токен?

это уже есть, токен надо обновлять в silent режиме

запросы могут выполняться по таймеру

это уже есть, токен надо обновлять в silent режиме

просто никак не вижу как это связано с фронтом, разве обновление токена не задача сервера?

у себя можешь хэндлить ответ, который пересохраняет новый токен

запросы могут выполняться по таймеру

мб через асинхронную мидлвару

проблема не обновлении токена на сервере

а в том что параллельно могут настекироваться асинзронные запросы во время обновления токена

и по идее они должны приостановиться -> токен обновился -> асинхронные запросы продолжили свое выполнение

на middleware можно определить, протух токен или нет

а в том что параллельно могут настекироваться асинзронные запросы во время обновления токена

если есть race condition, то у redux-saga есть свои плюшки для этого