Heroku Node + React App：未处理锚标记身份验证请求

Question

我正在建立一个节点+快递服务器，前端带有create-react-
app。我使用passportjs进行身份验证路由处理，所有东西完全在localhost上运行（后端在端口5000上，前端在端口3000上，带有代理）。当我部署到Heroku时，服务器似乎无法识别我的身份验证路由，因此heroku提供了static
index.html。如果我用Postman测试我的API似乎都可以正常工作（我可以看到google
oauth的html页面），但是在我的react应用程序中带有锚标记或在url中手动编写端点，则只能看到同一页面的重新加载。

我的服务器index.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)

流：

LOCALHOST：react应用程序启动->我单击“ Google登录”-> GET请求到“ / auth /
google”->谷歌oauth流->重定向到“ /”，我的react应用程序再次出现，用户已登录。

英雄：在my-app.herokuapp.com/上反应应用程序->单击“ Google登录”->页面重新加载，没有任何反应。用户尚未登录。

拜托，帮帮我。谢谢

Answer 1

这是由于默认情况下安装了Service
Worker才能使您的应用成为渐进式Web应用

要确定这是否对您来说是个问题，请在隐身模式下测试您的heroku生产模式应用程序。现在，对/ auth /
google的请求应到达服务器，并在开发过程中像其行为一样运行。

确定存在问题后，您可以删除

import registerServiceWorker from "./registerServiceWorker";

从您的/client/src/index.js文件中。

您的浏览器缓存可能已经包含一个已安装的Service Worker，因此您可能必须

1. 清除用户浏览器上的浏览器缓存
2. 以编程方式卸载服务器工作程序

        import { unregister } from './registerServiceWorker';
    ....
    unregister();