Express React Router и Middleware

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

Я понял это, и мальчик, я чувствую себя глупым.В папке приложения React, содержащейся в папке моего сервера (Express), у меня есть файл package.json для объявления зависимостей React.В файле package.json по-прежнему содержался ключ proxy, который упоминалось в некоторых руководствах для использования в API-вызовах на ваш собственный сервер для прохождения при локальной работе.После удаления этого ключа все работает как положено, /parse-dashboard обрабатывается экспрессом, а остальные обрабатываются react-router-dom