我已经创建了一个使用Webpack捆绑的小型ReactJs应用程序。后端是使用Java(Spring Boot)完成的,我在我的笔记本电脑(新的Macbook Pro)中运行应用程序。我在Chrome中对它进行了测试,并注意到从捆绑文件(find_all
)调用REST API调用(positions_bundle.js
)之前需要相当长的时间,请参阅下面的屏幕截图。这看起来像是使用这些技术的正常性能吗?我使用Spring Boot和Webpack dev服务器运行前端,并且它们之间没有任何显着差异。
EDIT。这是我的React类,它创建REST API调用:
import React from "react";
import axios from "axios";
import {connect} from "react-redux";
import {bindActionCreators} from "redux";
import {setPositionData} from "../actions/setPositionData";
class PositionDataFetcher extends React.Component {
constructor(props) {
super(props);
}
componentDidMount(){
axios.get('http://localhost:9000/jmap/position/find_all')
.then(function (response) {
// console.log(response.data);
this.props.setPositionData(response.data);
}.bind(this)
)
.catch(function (error) {
console.log(error);
});
}
render(){
return null;
}
}
function mapStateToProps(state) {
return {
positionData: state.positionData
};
}
function matchDispatchToProps(dispatch) {
return bindActionCreators({setPositionData: setPositionData}, dispatch);
}
export default connect(mapStateToProps, matchDispatchToProps)(PositionDataFetcher)