Node.js 反应路由器5和快速-捕获所有路由回退

Node.js 反应路由器5和快速-捕获所有路由回退,node.js,reactjs,express,routing,react-router,Node.js,Reactjs,Express,Routing,React Router,我正在用Redux、react router和Webpack 4进行一个基于MERN堆栈的项目,我一辈子都不知道自己做错了什么。我的开发构建工作得很好,但当我运行我的生产构建时,我的全面回退路线不起作用。index.html文件之所以有效,是因为我使用的是express.static,当我删除它时,它根本不起作用。当我导航到localhost:3000时,react路由器工作正常,但如果我尝试手动导航到localhost:3000/about,则会出现内部服务器错误。所以我假设app.get请求

我正在用Redux、react router和Webpack 4进行一个基于MERN堆栈的项目,我一辈子都不知道自己做错了什么。我的开发构建工作得很好,但当我运行我的生产构建时,我的全面回退路线不起作用。index.html文件之所以有效,是因为我使用的是express.static,当我删除它时,它根本不起作用。当我导航到localhost:3000时,react路由器工作正常,但如果我尝试手动导航到localhost:3000/about,则会出现内部服务器错误。所以我假设app.get请求由于某种原因根本不起作用。这是我的服务器代码:

import express from 'express';
import path from 'path';

import bodyParser from 'body-parser';
import cors from 'cors';
import mongoose from 'mongoose';

const PORT = process.env.PORT;
const MONGODB_URI = process.env.MONGODB_URI;
const history = require('connect-history-api-fallback');

const app = express();

app.use(cors())

//DB setup
mongoose.Promise = global.Promise;
mongoose.connect(MONGODB_URI);
var db = mongoose.connection;

db.on('error', console.error.bind(console, 'connection error:'));
db.once('open', function() {
    console.log('We have been connected!');
});


if (process.env.NODE_ENV !== "production") {
    app.use(history());
    const webpack = require('webpack');
    const webpackDevMiddleware = require('webpack-dev-middleware');
    //require webpack config
    const config = require('../../webpack.dev.config.js');
    //create compiler
    const compiler = webpack(config);
    //use webpack-dev-middleware to serve the bundles
    app.use(webpackDevMiddleware(compiler, {
        publicPath: config.output.publicPath
    }));
    //enable HMR
    app.use(require('webpack-hot-middleware')(compiler));
} else {
    app.use(express.static("dist"));

    app.get("*", (req, res) => {
      res.sendFile(path.join("./dist", "index.html"));
    });
}



//Listen
app.listen(PORT, function() {
    console.log('Server is listening...');
});

如果您能帮我解决这个问题,我将不胜感激。

我假设您收到的错误是:TypeError:path必须是绝对的,或者指定res.sendFile的根目录

要解决此问题,应使用path.resolve而不是path.join,并相应地调整路径:

app.get*,req,res=>{ res.sendFilepath.resolve./dist,index.html; };
我得到的唯一错误是内部服务器错误500。我最初使用的是path.resolve,但问题是相同的。您有关于500错误的其他信息吗?不幸的是,我不知道还有什么办法可以帮上忙,因为一个500的错误可能有很多种。我只是假设了上面的错误,因为我把你的代码复制到了一个示例项目中,这就是我得到的。哦,事实上,你的答案适合我!当我摆弄它的时候,我打了个错字,打破了它,这是一个路径问题。非常感谢,我真的很感谢你的帮助!