如何解决使用代理目标将用户从 localhost:3000 带到 localhost:3000/auth/google 不起作用
当用户点击使用 Google 登录时,用户将被带到 Google OAuth 流程以进行登录程序。但是在点击浏览器时,只需将其 url 更改为 localhost:3000/auth/google 并且没有任何反应。 如果我明确提供完整的 href 即
,它工作正常http://localhost:5000/auth/google
应用组件:
import './App.css';
import React,{ Component } from 'react';
class App extends Component {
render() {
return (
<div className="App">
<a href="/auth/google">Sign in using google</a>
</div>
);
}
}
export default App;
package.json
{
"name": "client","version": "0.1.0","private": true,"proxy": {
"/auth/google": {
"target": "http://localhost:5000/"
}
},
解决方法
在 package.json 上删除您的代理并尝试此操作 在你的 src 目录上创建 setupProxy.js 然后 npm install http-proxy-middleware
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
)
);
};
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。