Попытки найти откуда генерируется переход

@Luca Brasi · Регистрация: 06.11.2015

Студворк — интернет-сервис помощи студентам

Доброго дня! Недавно столкнулся со следующей ситуацией...
Есть приложение: Rect + TS, ReduxToolkit, React HookForm. В какой то момент началось странное поведение, что после удаления записей сбрасывается форма. Перерыли многое, но в дебагере чётко видно, что идет обращение на странный URL, который непонятно откуда берёться.
Причем судя по типу "document", это либо переход по ссылке (или какой нибудь useNavigate) или отправка формы, чего я тоже не нашел.
Вообщем есть ли какой-то метод, который бы позволил оценить, откуда этот вызов берёться?

Попытки найти откуда генерируется переход

@mr_dramm · 30.07.2024, 15:26

Сообщение от Luca Brasi

В какой то момент началось странное поведение, что после удаления записей сбрасывается форма

Сообщение от Luca Brasi

судя по типу "document"

думаю отправка формы перезагружает страницу, это стандартное поведение, если его не предотвратить, react hook form должно предотвращать перезагрузку страницы из коробки, на что еще обратить внимание не знаю...
url в devtools совпадает с url в адресной строке браузера помле всех этих событий?

@Luca Brasi · 30.07.2024, 16:08 **[ТС]**

Сообщение от mr_dramm

url в devtools совпадает с url в адресной строке браузера помле всех этих событий?

ну как, совпадает, но там же редирект на login, ибо все параметры авторизации в Redux store...
Я думаю может Redux просто крашиться, и всё приложение падает с пустыми параметрами авторизации. Может redux persist прикрутить?

@mr_dramm · 30.07.2024, 17:13

Сообщение от Luca Brasi

редирект на login

Код "HTTP 304 Not Modified" клиента указывает, что нет необходимости повторно передавать запрошенные ресурсы. Это неявное перенаправление на кешированный ресурс.
вообще статуст 304 тут какой то странный, как буд-то браузер каждую страницу логина кеширует и во время редиректа через useNavigate сравнивает с срверной, тут возможны особенности работы сервера, попробуй страницу логина сделать динамической на сервере, просто для эксперимента, код ответа должен будет наверняка поменяться

или попробуй на сервере где запрашивается страница логина задать такие заголовки в ответе

JavaScript
1
2
3
setHeader('Cache-Control', 'no-store, no-cache, must-revalidate, proxy-revalidate');
setHeader('Pragma', 'no-cache');
setHeader('Expires', '0');

@Luca Brasi · 30.07.2024, 18:10 **[ТС]**

Сообщение от mr_dramm

url в devtools совпадает с url в адресной строке браузера помле всех этих событий?

да, прикрутил redux-persist, теперь сессия восстанавливается, и я таки вижу в строке браузера тот самый запрос что и в dev-tools.

Сообщение от mr_dramm

Код "HTTP 304 Not Modified" клиента указывает, что нет необходимости повторно передавать запрошенные ресурсы. Это неявное перенаправление на кешированный ресурс

вот это достаточно скользкий момент, попрую копнуть и сюда...

@voraa · 31.07.2024, 11:19

Сообщение от mr_dramm

попробуй страницу логина сделать динамической на сервере, просто для эксперимента, код ответа должен будет наверняка поменяться

Проще в девтулсе отключить кеширование.

@Luca Brasi · 31.07.2024, 18:22 **[ТС]**

mr_dramm, перелопатил всё что можно, понятия не могу откуда оно берётся. Уже и браузеры менял, и пакеты на eth уровне сравнивал, короче концов не нашел.
В конечном итогде всё решилось через preventDefault(), типа такого:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
import React from 'react';
 
const deleteHandler = (event) => {
  event.preventDefault()
  console.log("Pushed to recycle bin...")
}
 
export function App(props) {
  return (
    <div className='App'>
      <h1>Hello React.</h1>
      <h2>Start editing to see some magic happen!</h2>
      <button style={{width: "60px", height: "40px"}} onClick={(event) => deleteHandler(event)}> Delete Item </button>
    </div>
  );
}
 
console.log('Hello console')

@Luca Brasi · 06.08.2024, 10:56 **[ТС]**

Неделю всё уже работает, в рамках того как я мог это сделать через дефолтное поведение описанное из предыдущего поста.
Нет дефолтного поведения - нет того "непонятного" редиректа. Проблема решена.

Новые блоги и статьи Все статьи Все блоги /
изучаю kubernetes lagorue 13.01.2026 А пригодятся-ли мне знания kubernetes в России?	сукцессия микоризы: основная теория в виде двух уравнений. anaschu 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/	WordPad для Windows 11 Jel 10.01.2026 WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .	Classic Notepad for Windows 11 Jel 10.01.2026 Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .
Почему дизайн решает? Neotwalker 09.01.2026 В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .	Модель микоризы: классовый агентный подход 3 anaschu 06.01.2026 aa0a7f55b50dd51c5ec569d2d10c54f6/ O1rJuneU_ls https:/ / vkvideo. ru/ video-115721503_456239114	Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ФедосеевПавел 06.01.2026 Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ВВЕДЕНИЕ Введу сокращения: аналоговый ПИД — ПИД регулятор с управляющим выходом в виде числа в диапазоне от 0% до. . .	Модель микоризы: классовый агентный подход 2 anaschu 06.01.2026 репозиторий https:/ / github. com/ shumilovas/ fungi ветка по-частям. коммит Create переделка под биомассу. txt вход sc, но sm считается внутри мицелия. кстати, обьем тоже должен там считаться. . . .

@Luca Brasi 892 / 204 / 55 Регистрация: 06.11.2015 Сообщений: 2,288 Записей в блоге: 2

	Попытки найти откуда генерируется переход 30.07.2024, 08:27. Показов 610. Ответов 7 Метки нет (Все метки) Доброго дня! Недавно столкнулся со следующей ситуацией... Есть приложение: Rect + TS, ReduxToolkit, React HookForm. В какой то момент началось странное поведение, что после удаления записей сбрасывается форма. Перерыли многое, но в дебагере чётко видно, что идет обращение на странный URL, который непонятно откуда берёться. Причем судя по типу "document", это либо переход по ссылке (или какой нибудь useNavigate) или отправка формы, чего я тоже не нашел. Вообщем есть ли какой-то метод, который бы позволил оценить, откуда этот вызов берёться? 0

@Luca Brasi 892 / 204 / 55 Регистрация: 06.11.2015 Сообщений: 2,288 Записей в блоге: 2
	06.08.2024, 10:56 [ТС]
	Неделю всё уже работает, в рамках того как я мог это сделать через дефолтное поведение описанное из предыдущего поста. Нет дефолтного поведения - нет того "непонятного" редиректа. Проблема решена. 0