Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/webpack/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 当我在线上传我的网页制作版本时,为什么我的路由不起作用?_Reactjs_Webpack_Redux_React Router_React Redux - Fatal编程技术网

Reactjs 当我在线上传我的网页制作版本时,为什么我的路由不起作用?

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

我使用React制作了这个网站,当然,我使用React路由器进行路由,当我在本地主机上运行时,它可以工作。现在,当我创建了我的产品构建并在线上传时,例如,单击指向
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