Невозможно получить доступ к статическим ресурсам после первого запуска реакции-маршрутизатора в jBoss 7 EAP
Интерфейс приложения React запускается в приложении j2ee, развернутом в jBoss EAP 7.
При первом рендеринге логотип импортируется из main_logo.gif
import React, { Component } from 'react';
import { Link } from "react-router-dom";
import logo from './main_logo.gif';
class App extends Component {
constructor(props) {
super(props);
}
render() {
return (
<div className="App">
<nav className="navbar navbar-expand-md bg-light navbar-light">
<a className="navbar-brand" href="/">
<img className="img-fluid" src={logo} alt="Logo"/>
</a>
...
</nav>
{this.props.children}
</div>
);
}
}
Проблема появляется после отправки формы PartsLookup
handleSubmit(event){
event.preventDefault();
let { partQuery, lookupParts } = this.props;
lookupParts(partQuery).then(() => {
this.props.history.push('/lookup/noFetch');
});
return false;
}
После перехода к компоненту PartsView я показываю счетчик во время загрузки данных.
import React, { Component} from 'react';
import spinnerImg from './logo.svg';
import './spinner.css';
const Spinner = (props) => (
<div>
<img src={spinnerImg} className="spinner" alt="Loading in progress" />
</div>
);
export default Spinner;
Приложение, развернутое на сервере Tomcat, показывает изображение счетчика, но развернуто на jBoss EAP 7 - нет (просто поверните местозаполнитель браузера "Изображение не найдено" по умолчанию)
Вот как я определяю роутер
<Router basename='/warehouse-portal/queueParts.htm'>
<App>
<Switch>
<Route exact path="/" component={PartsLookup} />
<Route path="/home" component={PartsView} />
<Route path="/lookup/:noFetch" component={PartsView} />
<Route path="/part/:partId" component={PartDetail} />
...
</Switch>
</App>
</Router>
Я подозреваю, что это особенность jBoss EAP 7, но не знаю, где искать ответ или подсказку.
Заранее спасибо