MERN堆栈—作为节点endpoint的链路在生产中不起作用

Question

React.js:我有一个谷歌登录按钮，看起来像这样

const GoogleButton = () => (
<a href='/auth/google' >
    <div className='google-icon-wrapper'>
        <img className='google-icon' src= {googleLogo} alt='Google logo'/>    
    </div>
    <p className ='google-btn-text'>
        Sign in with google
    </p>
</a>

)

React.js（超文本传输协议-proxy-middleware）在开发模式下，我也有代理设置。

const proxy = require("http-proxy-middleware");
module.exports = function(app) {
  app.use(proxy("/auth/", { target: "http://localhost:5000/" }));
  app.use(proxy("/api/", { target: "http://localhost:5000/" }));
};

Node.js:我有这个endpoint，但是它不能在生产环境中工作，因为代理不能在生产环境中工作

app.get('/auth/google', passport.authenticate('google', {
  scope: SCOPE,
  access_type: 'offline',
})

);

**当我点击生产上的按钮时，react会将我发送到页面，例如：www.example。com/auth/google-但必须调用节点endpoint**，但当我发出提取请求时，节点endpoint会工作，例如，如果我这样做：fetch（'/api/google'），它会工作。。

更新：问题出在ReactserviceWorker.js-PWA……它缓存了结果和链接……我不确定……

Answer 1

如果您将< code > http://localhost:5000/显式标识为prod for node.js上的主机和端口，这可能会很棘手。有些平台，比如< code>heroku会自动绑定端口，所以你不知道到底是哪个端口。尝试为从< code>env获取的< code>HOST使用env变量，并尝试绑定类似< code > http://localhost:$ { HOST }/的代理