Я использую webpacker с rails 5.1.4, чтобы играть с Reactjs, Redux и response-router-dom.
У меня есть компонент navbar, который должен отображать изображения, но я не могу получить доступ к изображениям в папке assets/images
и в папке public
.
Я здесь :
app/javascript/src/components/navbar
Мои маршруты определены в main.jsx
:
<BrowserRouter>
<div>
<Alert error={error} />
<Navbar user={user}/>
<Switch>
<Route path="/post/:id" component={PostsShow} />
<Route path="/" component={PostsIndex} />
</Switch>
</div>
</BrowserRouter>
Вот что я пробовал:
<img src="logo.png" alt="Logo" />
<img src="assets/logo.png" alt="Logo" />
<img src="assets/images/logo.png" alt="Logo" />
эти 3 попытки были успешны один раз, но потом это дает мне 404 (Not Found)
, потому что, когда путь меняется, он также меняет путь к моему изображению. Таким образом, из корневого пути я получил свои изображения, потому что /assets/images/logo.png
существует, но когда я нахожусь на /post/:id
, перезагрузка страницы или просто посадка здесь дает мне следующее 404
:
logo.png:1 GET http://localhost:3000/posts/assets/images/logo.png 404 (Not Found)
Ты можешь мне помочь? И более того, как вы обрабатываете изображения в таком виде или в гибридном приложении ReactionJS/Rails?
Спасибо