Почему мой маршрутизатор реакции не передает мой экспресс-маршрут на сервер? - PullRequest
Новая
       12

Почему мой маршрутизатор реакции не передает мой экспресс-маршрут на сервер?

0 голосов
/ 30 октября 2018

Я попытался добавить социальный логин в мое (уже работающее) приложение реагирования / экспресса, и оно заработало в localhost. Однако, когда я развертываю его в рабочей среде, социальный вход в систему не работает. Вот как это начинается 

<a href="/api/auth/google">Google+</a>

Однако в производственном режиме он остается на уровне https://sample.com/api/auth/google в моем браузере. Таким образом, кажется, что реагирующий маршрутизатор ловит его перед экспрессом. Как?

В localhost это работает, потому что прокси в package.js 

"proxy": {
    "/api": {
      "target": "http://localhost:4000",
      "ws": true
    }

Теперь, как я могу сделать это для производства?

Кстати, все мои серверные API начинаются с '/ api / ...'. Кроме того, в моих маршрутах реакции у меня нет универсального компонента.

UPDATE: Вот мой server.js 

var express = require('express');
var session = require('express-session');
var bodyParser = require('body-parser');
var flash = require('connect-flash');
var cookieParser = require('cookie-parser');
var path = require('path');
var fs = require('fs');

var app = express();
var isSecured = true;
app.isDevMode = app.get('env') == 'development'

require('./server/config/log')(app)

var port = (process.env.PORT || app.isDevMode) ? 4000 : (isSecured ? 443 : 80);
app.set('port', port);

app.use(bodyParser.urlencoded({ extended: true }));
app.use(bodyParser.json({ limit: '10mb' }));

app.use(flash()); // use connect-flash for flash messages stored in session

var server = require('http').createServer(app);
if (!app.isDevMode && isSecured) {
  var options = {
    ca: fs.readFileSync('ca_bundle.crt'),
    key: fs.readFileSync('private.key'),
    cert: fs.readFileSync('certificate.crt')
  }
  server = require('https').createServer(options, app);
}

db.on('error', console.error.bind(console, 'connection error:'));

db.once('open', function () {
  console.log('Connected to MongoDB');

  var routes = require('./server/routes');
  routes.init(app);

  if (app.isDevMode) {
    app.use(express.static(__dirname));
  }
  else {
    app.use(express.static(path.join(__dirname, 'client/build')));

    app.get('/*', function (req, res) {
      res.sendFile(path.join(__dirname, 'client/build', 'index.html'));
    });

    if (isSecured) {
      require('http').createServer(function (req, res) {
        res.writeHead(307, { "Location": "https://" + req.headers['host'] + req.url });
        res.end();
      }).listen(80);
    }
  }
  server.listen(app.get('port'), function () {
    console.log('Server listening on port ' + app.get('port'));
  });
});

module.exports = app;

Вот мои маршруты: 

app.get('/api/auth/google', passport.authenticate('google', { scope: ['https://www.googleapis.com/auth/userinfo.profile', 'https://www.googleapis.com/auth/userinfo.email'] }))
app.get('/api/callback/google', passport.authenticate('google', {successRedirect: '/?action=login&provider=google', failureRedirect: '/?action=login'}))

UPDATE: Вот журнал Морган. Я добавил номер для каждой строки для моей справки. Строка 4 началась, когда я щелкнул ссылку для отправки '/ api / auth / google', и закончилась в строке 6. 

1. GET /api/get/list?parm={%22kind%22:%22Prod%22,%22limit%22:5,%22createdOn%22:-1} 304 - - 22.959 ms
2. GET /images/logo.png 200 3432 - 17.410 ms
3. GET /service-worker.js 200 3097 - 3.398 ms
4. GET /static/js/main.cef8cdac.js 304 - - 5.180 ms
5. GET /images/two.png 304 - - 4.908 ms
6. GET /service-worker.js 200 3097 - 3.838 ms

Так что, в основном, запрос на экспресс-сервер не пришел. На самом деле, если бы у меня была возможность поймать весь маршрут в реакции, я вижу, что он попал туда.

Вот сетевой журнал:

enter image description here

...