Javascript 使用代理目标将用户从localhost:3000转到localhost:3000/auth/google不起作用

Javascript 使用代理目标将用户从localhost:3000转到localhost:3000/auth/google不起作用,javascript,reactjs,frontend,backend,package.json,Javascript,Reactjs,Frontend,Backend,Package.json,当用户使用Google单击登录时,用户将被带到Google OAuth流进行登录过程。但是点击浏览器只会将其url更改为localhost:3000/auth/google,什么也不会发生。 如果我显式地提供完整的href,也就是 http://localhost:5000/auth/google 应用程序组件: import'/App.css'; 从“React”导入React,{Component}; 类应用程序扩展组件{ render(){ 返回( ); } } 导出默认应用程序; pa

当用户使用Google单击登录时,用户将被带到Google OAuth流进行登录过程。但是点击浏览器只会将其url更改为localhost:3000/auth/google,什么也不会发生。 如果我显式地提供完整的href,也就是

http://localhost:5000/auth/google

应用程序组件:

import'/App.css';
从“React”导入React,{Component};
类应用程序扩展组件{
render(){
返回(
);
}
}
导出默认应用程序;
package.json

{
“名称”:“客户”,
“版本”:“0.1.0”,
“私人”:没错,
“代理”:{
“/auth/google”:{
“目标”:http://localhost:5000/"
}
},

删除package.json上的代理并尝试以下操作 在src目录上创建setupProxy.js,然后npm安装http代理中间件

const { createProxyMiddleware } = require("http-proxy-middleware");

const proxy = require("http-proxy-middleware");
module.exports = function (app) {
  app.use(
    createProxyMiddleware(
      "/auth/google",
     // replace with your endpoint
      { target: "http://localhost:5000" } // replace with your target
    )
  );
};