在使用webpack 3.8的react路由器4.2中刷新后无法获取/aboutus页面的问题可能是由于前端路由配置或服务器配置的问题导致的。下面是一些可能的原因和解决方法:
import React from 'react';
import { BrowserRouter as Router, Route, Switch } from 'react-router-dom';
import Home from './components/Home';
import AboutUs from './components/AboutUs';
const App = () => {
return (
<Router>
<Switch>
<Route exact path="/" component={Home} />
<Route path="/aboutus" component={AboutUs} />
</Switch>
</Router>
);
};
export default App;
确保/aboutus页面的路由规则被正确定义。
const express = require('express');
const path = require('path');
const app = express();
// 静态文件服务
app.use(express.static(path.join(__dirname, 'build')));
// 所有路由都返回index.html
app.get('*', (req, res) => {
res.sendFile(path.join(__dirname, 'build', 'index.html'));
});
// 启动服务器
app.listen(3000, () => {
console.log('服务器已启动');
});
确保服务器配置正确,以便在刷新页面时能够正确返回index.html文件。
module.exports = {
// ...
devServer: {
historyApiFallback: true,
},
// ...
};
这样配置后,webpack会将所有未匹配到的路由重定向到index.html文件。
总结:
腾讯云相关产品和产品介绍链接地址:
请注意,以上链接仅供参考,具体产品选择应根据实际需求进行评估和决策。
领取专属 10元无门槛券
手把手带您无忧上云