0

我试图将社交登录添加到我的（已经工作的）react/express 应用程序中，并且我让它在 localhost 中工作。但是，当我将其部署到生产环境时，社交登录不起作用。这就是它的开始方式

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

但是，在生产中，它在我的浏览器中停留在https://sample.com/api/auth/google 。因此，react 路由器似乎在 express 之前先捕获它。如何？

在 localhost 中，它可以工作，因为 package.js 中的代理

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

现在，我怎样才能为生产做到这一点？

顺便说一句，我所有的服务器 API 都以“/api/...”开头。此外，在我的反应路线中，我没有包罗万象的组件。

更新：这是我的 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'}))

更新：这是摩根日志。我为每一行添加了一个数字以供参考。第 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

所以，基本上，请求并没有来快递服务器。实际上，如果我在反应中有一条全部路线，我可以看到它正在那里。

这是网络日志：

在此处输入图像描述

4

0 回答 0