Javascript 使用代理目标将用户从localhost:3000转到localhost:3000/auth/google不起作用
当用户使用Google单击登录时,用户将被带到Google OAuth流进行登录过程。但是点击浏览器只会将其url更改为localhost:3000/auth/google,什么也不会发生。 如果我显式地提供完整的href,也就是 http://localhost:5000/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
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
)
);
};