Я запускаю свой код на экземпляре ec2-linux с помощью Tomcat.
Когда я пытаюсь загрузить компоненты, используяact-router-dom, компоненты не загружаются.
Это мой файл index.html
<body>
<div id="app"></div>
<script src="bundle.js"></script>
</body>
Это мой файл webpack.config.json
const path = require('path');
module.exports = {
entry: './src/app.js',
output: {
path: path.join(__dirname,'public'),
filename: 'bundle.js'
} ,
module:{
rules: [{
loader: 'babel-loader',
test: /\.js$/,
exclude: /node_modules/
},{
test:/\.s?css$/,
use: [
'style-loader',
'css-loader',
'sass-loader'
]
}]
},
devtool: 'cheap-module-eval-source-map',
devServer: {
contentBase: path.join(__dirname,'public'),
historyApiFallback: true
}
};
Это мой файл app.js
import React from 'react';
import ReactDOM from 'react-dom';
import { BrowserRouter , Route } from 'react-router-dom';
import 'normalize.css/normalize.css';
import './styles/styles.scss';
const ExpenseDashBoardPage = () => (
<div>
This is from my dashboard component.
</div>
);
const AddExpensePage = () => (
<div>
This is my add expense component.
</div>
);
const routes = (
<BrowserRouter>
<div>
<Route path="/" component={ExpenseDashBoardPage} exact={true}/>
<Route path="/create" component={AddExpensePage}/>
</div>
</BrowserRouter>
);
ReactDOM.render(routes, document.getElementById('app'));
Ожидаемый результат для ссылки
http://13.233.125.217/expensify-app/public/
is: Это из компонентов моей панели.
который я получаю правильно.
Но когда я пытаюсь загрузить страницу создания, предоставив ссылку:
http://13.233.125.217/expensify-app/public/create
Выдает ошибку 404.
Пожалуйста, помогите мне решить проблему