将React/Express应用程序部署到Heroku后无法启动护照.js流(改为页面重新加载)

我正在构建一个node+express服务器,在前端使用create react app。 我使用passportjs来处理身份验证路由,所有的东西都在本地主机上工作(后端在端口5000上,前端在端口3000上,有一个代理)。 当我部署到Heroku时,服务器似乎无法识别我的身份验证路由,因此Heroku将静态服务索引.html. 如果我用Postman all测试我的api似乎可以工作(我可以看到googleoauth的html页面),但是在react应用程序中使用锚定标记或在url中手动写入端点,我只能看到相同的页面重新加载。

我的服务器索引.js:

const express = require('express')
const passport = require('passport')
const mongoose = require('mongoose')
const path = require('path')

// KEYS
const keys = require('./config/keys')

// MONGOOSE MODELS
require('./models/User')

mongoose.connect(keys.mongoURI)

// PASSPORT SETUP
require('./config/passport')

// CREATE THE SERVER
const app = express()

// EXTERNAL MIDDLEWARES
require('./middlewares/external')(app)

// ROUTE HANDLERS
require('./routes/authRoutes')(app)

// PRODUCTION SETUP
if (process.env.NODE_ENV === 'production') {
  // express serve up production assets ( main.js, main.css )
  app.use(express.static('client/build'))
  app.get('*', (req, res) => {
    res.sendFile(path.resolve(__dirname, 'client', 'build', 'index.html'))
  })
}

// START THE SERVER
const PORT = process.env.PORT || 5000
app.listen(PORT)

赫罗库: 我的react应用程序-app.herokauapp.com/->单击“Google Login”->页面重新加载,什么都不会发生。用户未登录。

伙计们,帮帮我。 谢谢