Reactjs 当我在线上传我的网页制作版本时,为什么我的路由不起作用?
我使用React制作了这个网站,当然,我使用React路由器进行路由,当我在本地主机上运行时,它可以工作。现在,当我创建了我的产品构建并在线上传时,例如,单击指向Reactjs 当我在线上传我的网页制作版本时,为什么我的路由不起作用?,reactjs,webpack,redux,react-router,react-redux,Reactjs,Webpack,Redux,React Router,React Redux,我使用React制作了这个网站,当然,我使用React路由器进行路由,当我在本地主机上运行时,它可以工作。现在,当我创建了我的产品构建并在线上传时,例如,单击指向en/signup的链接不起作用。显示未找到错误页。所以我想知道这里到底出了什么问题。我认为捆绑销售没有任何问题。顺便说一句,我正在使用Redux,React Redux也在我的项目中 TLDR:导航到类似en/signup的url在生产构建中不起作用 希望你们能帮我。谢谢。你的网页配置是什么样子的 尝试添加以下内容: var path
en/signup
的链接不起作用。显示未找到错误页。所以我想知道这里到底出了什么问题。我认为捆绑销售没有任何问题。顺便说一句,我正在使用Redux,React Redux也在我的项目中
TLDR:导航到类似en/signup
的url在生产构建中不起作用
希望你们能帮我。谢谢。你的网页配置是什么样子的 尝试添加以下内容:
var path = require('path');
var HtmlWebpackPlugin = require('html-webpack-plugin');
module.exports = {
entry: './app/index.js',
output: {
path: path.resolve(__dirname, 'dist'),
filename: 'index_bundle.js',
publicPath: '/' // <- this right here
},
module: {
rules: [
{ test: /\.(js)$/, use: 'babel-loader' },
{ test: /\.css$/, use: [ 'style-loader', 'css-loader' ]}
]
},
devServer: { // <-- and this object too
historyApiFallback: true,
},
plugins: [
new HtmlWebpackPlugin({
template: 'app/index.html'
})
]
};
var path=require('path');
var HtmlWebpackPlugin=require('html-webpack-plugin');
module.exports={
条目:'./app/index.js',
输出:{
path:path.resolve(uu dirname,'dist'),
文件名:“index_bundle.js”,
publicPath:'/'/在react router上停留了几天之后,我阅读了中的文档。然后我按照快速入门步骤进行了修改,以满足我的需求
import {
HashRouter as Router,
Route,
} from 'react-router-dom';
<Router>
<div>
<Header />
<Route exact path="/" component={Content} />
<Route path="/:country" component={SnaContent} />
<Footer />
</div>
</Router>
导入{
HashRouter作为路由器,
路线,,
}从“反应路由器dom”;
这已经解决了这个问题。希望对其他面临类似问题的人有所帮助。对于SPA,服务器需要不同的配置。.您使用的是哪台服务器?im使用的是cpanel webhosting服务器您需要设置您的服务器,无论您使用哪个服务器,以便所有请求都转到您的index.html