快速反应路由器和中间件

Question

我有一个服务器/网站正在使用快递和反应。我想使用app.use(express.static())服务这个网站。这是我想要的工作方式，只是干扰了作为独立中间件的单个服务器处理的url /parse-dashboard。

const path = require( 'path' )
var express = require('express');
var bodyParser = require('body-parser');
var basicAuth = require('express-basic-auth');
var ParseServer = require('parse-server').ParseServer;
var ParseDashboard = require('parse-dashboard');
var url = require('url');

var app = express();

var config = require( path.join( __dirname, 'config' ) )
app.use('/parse-dashboard', ParseDashboard(config.dashboard, true));

// Middleware for reading request body
app.use(bodyParser.urlencoded({extended: true}));
app.use(bodyParser.json());

app.use(express.static(path.join(__dirname, './client/build')));

app.set( 'port', process.env.PORT || 3000 )

const server = require( 'http' ).createServer( app )
server.listen( app.get( 'port' ), () => {
  console.log('express server listening on port ' + ( process.env.PORT || server.address().port ));
});

当我转到/parse-dashboard时，React应用程序(它使用的是react-router-dom)获取url并显示一个空路径。如何让服务器显示此路由？

Answer 1

我想出来了，孩子，我觉得自己很蠢吗。在包含在我的服务器(Express)文件夹中的React文件夹中，我有一个package.json文件来声明React依赖项。package.json文件中仍然包含proxy密钥，一些指南提到要使用该密钥，以便在本地工作时获得对自己服务器的api调用。移除该键后，所有操作都按预期工作，/parse-dashboard由express处理，其余由react-router-dom处理。