使用Passport进行身份验证Facebook Express create-react-app React-Router代理

5 回答

• 1

  我也遇到了这个问题 - 更改CRA代理配置似乎可以解决这个问题：

  "proxy": {
     "/api": {
        "target": "http://localhost:3001/"
     }
  }
  

  OAuth链接位于 /api/auth/foo ，CRA应用位于 localhost:3000 ，快递应用位于 localhost:3001

  回复于 2024-05-12T04:17:29+08:00
• 0

  我今天遇到了同样的问题并且通过不使用 create-react-app 的代理解决了它，而是在我的后端设置代理到 create-react-app .

  在我的快递应用程序结束时，我有

  // all routes above
  
   if (env.isDevelopment()) {
     const proxy = require('express-http-proxy')
     app.use('/*', proxy('http://localhost:3000'))
   } else {
     // probably serve up build version in production
   }
  

  只需记住关闭客户端软件包json中的代理，否则最终会出现无限代理循环或其他问题 .

  回复于 2024-05-12T04:17:29+08:00
• 0

  EDIT: 我以前的回答与这个问题无关，也没有解决 . 在我的情况下，整个事情是由CLI生成的index.js中的registerServiceWorker引起的 . 只需删除它，一切都按照它应有的方式工作 .

  //Remove this lines from index.js
  import registerServiceWorker from './registerServiceWorker'
  
  registerServiceWorker();
  

  回复于 2024-05-12T04:17:29+08:00
• 0

  您可以将create react app localhost server添加到web api . 转到console.developers.google.com并将create-react-app localhost添加到“Authorized JavaScript origin”和“Authorized redirect URIs” .

  回复于 2024-05-12T04:17:29+08:00
• 2

  我通过在Facebook登录产品部分的Facebook开发人员设置中使用"Valid OAuth redirect URIs"字段修复了此问题，例如 http://your-domain.loc:5000/auth/facebook .

  Facebook Auth按钮应该是：

  <a href="http://your-domain.loc:5000/auth/facebook">Login with Facebook</a>
  

  你应该把你的Facebook重定向网址放在那里 . 我的例子还有一件事：我在我的应用程序上使用3000端口用于本地节点服务器，5000用于API请求 .

  我使用 /etc/hosts 来使用我的域名，而不是 localhost .

  127.0.0.1   your-domain.loc
  

  适合我 .

  此外，GitHub资源的其他讨论正在发生 - https://github.com/facebook/create-react-app/issues/3502

  回复于 2024-05-12T04:17:29+08:00