169 похожих чатов

Ребят, кто работал с react-router-dom v6? Не пойму как организовать

роуты. Вебпак мне собирает бандл в dist/users/index.html. Получается, что я открываю прилу по localhost/users. В корневом компоненте у меня код
<Routes>
<Route path="users" element={<Users />} />
<Route path="users/:id" element={<div>Test</div>} />
</Routes>
Есть список юзеров, в них есть линки
<Link to={user.id} >...</Link>

При нажатии на юзера норм редиректит, но как только обновить страницу - 404. ЧЯДНТ?

18 ответов

27 просмотров

что у тебя в public/index.html ?

Alex-Kulakoff 🇨🇳 Автор вопроса
No Name
что у тебя в public/index.html ?

эмм, у меня нет такой папки

Alex Kulakoff 🇨🇳
эмм, у меня нет такой папки

где ты объявляешь ссылку на bundle.js?

Alex-Kulakoff 🇨🇳 Автор вопроса
No Name
где ты объявляешь ссылку на bundle.js?

в HtmlWebpackPlugin <!DOCTYPE html><html><head><meta charset="utf-8"><title>${htmlWebpackPlugin.options.title}</title></head><body><div id='${rootId}'></div></body></html> на выходе получаю html, в котором - <script defer src="../users/index.js">

Фолбек настроен локально/сервере?

Alex-Kulakoff 🇨🇳 Автор вопроса
Илья
Фолбек настроен локально/сервере?

пока только разработка, не настроен. Где его нужно настраивать?

В вебпаке добавить devServer: { port: 3000, hot: true, historyApiFallback: true, },

Со стороны бека, по всем урлам надо отдавать твой index. Почитай об этом.

Alex-Kulakoff 🇨🇳 Автор вопроса

1. В деве у меня не сработал твой способ) 2. Где почитать? Просто в гугле? Или есть какой то гайд?

Если не сработал, то значит, что-то ты делаешь не так https://stackoverflow.com/questions/43209666/react-router-v4-cannot-get-url

Alex-Kulakoff 🇨🇳 Автор вопроса
Илья
Если не сработал, то значит, что-то ты делаешь не ...

структуру роутов я правильно делаю в компоненте? Или как то по другому нужно делать?

Alex Kulakoff 🇨🇳
1. В деве у меня не сработал твой способ) 2. Где ...

Илья всё правильно говорит, nginx надо настроить так, чтобы по любому урлу отдавался index.html. Только надо учесть наличие css и js файлов

Alex-Kulakoff 🇨🇳 Автор вопроса
eden lane
Илья всё правильно говорит, nginx надо настроить т...

это я понял, просто у меня в деве его способ не сработал)))

Alex-Kulakoff 🇨🇳 Автор вопроса
eden lane
у тебя на деве nginx?

devServer: { static: { directory: "./dist", }, port: 3000, hot: true, historyApiFallback: true, },

Alex-Kulakoff 🇨🇳 Автор вопроса
Илья
В вебпаке добавить devServer: { port: 3000, ...

после некоторого изучения добавил - historyApiFallback: { index: "users/index.html", verbose: true, }, после запроса localhost://users/id есть запись в дев-сервере - Rewriting GET /users/269854915 to users/index.html но всё равно 404.

Alex-Kulakoff 🇨🇳 Автор вопроса
Илья
Со стороны бека, по всем урлам надо отдавать твой ...

кажется решил. Вот так - historyApiFallback: { rewrites: [ { from: /^\/users\/.*$/, to: "/users", }, ], verbose: true, },

Похожие вопросы

Обсуждают сегодня

Господа, а что сейчас вообще с рынком труда на делфи происходит? Какова ситуация?
Rꙮman Yankꙮvsky
29
А вообще, что может смущать в самой Julia - бы сказал, что нет единого стандартного подхода по многим моментам, поэтому многое выглядит как "хаки" и произвол. Короче говоря, с...
Viktor G.
2
30500 за редактор? )
Владимир
47
а через ESC-код ?
Alexey Kulakov
29
Чёт не понял, я ж правильной функцией воспользовался чтобы вывести отладочную информацию? но что-то она не ловится
notme
18
У меня есть функция где происходит это: write_bit(buffer, 1); write_bit(buffer, 0); write_bit(buffer, 1); write_bit(buffer, 1); write_bit(buffer, 1); w...
~
14
Добрый день! Скажите пожалуйста, а какие программы вы бы рекомендовали написать для того, чтобы научиться управлять памятью? Можно написать динамический массив, можно связный ...
Филипп
7
Недавно Google Project Zero нашёл багу в SQLite с помощью LLM, о чём достаточно было шумно в определённых интернетах, которые сопровождались рассказами, что скоро всех "ибешни...
Alex Sherbakov
5
Ребят в СИ можно реализовать ООП?
Николай
33
https://github.com/erlang/otp/blob/OTP-27.1/lib/kernel/src/logger_h_common.erl#L174 https://github.com/erlang/otp/blob/OTP-27.1/lib/kernel/src/logger_olp.erl#L76 15 лет назад...
Maksim Lapshin
20
Карта сайта