Question

在jBoss 7 EAP中首次触发react-router后无法访问静态资源

React应用程序前端在jBoss EAP 7上部署的j2ee应用程序中运行。第一个渲染将渲染从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的非常具体的“功能”，但不知道在哪里寻找答案或任何提示。

提前谢谢

首次触发jBoss 7 EAP中的react-router后无法访问静态资源

0 个答案: