node.js - 无法使用远程服务器在本地进行身份验证

Question

总结:

当我尝试运行连接到正在运行的服务器的前端 React 应用程序，然后尝试登录时，我的 isAuthenticated 查询在应该返回 true 时返回 false。

详细信息:

我有一个部署的 Node Apollo 服务器(通过 heroku)，它使用 graphql、express 和 passport 进行身份验证。服务器可以查到here (可能需要一分钟启动)并使用 this code .当我转到此服务器时，我可以通过运行以下突变来登录:

mutation{
  loginUser(data:{email: "john@gmail.com", password: "abc"}){
    id
    email
    firstName
    lastName
  }
}

然后我运行以下查询，并返回 true:

query{
  isAuthenticated
}

我想在我的前端应用程序上执行相同的操作。可以找到此代码 here .只需转至此存储库，克隆它，然后运行 ​​yarn 和 yarn start 让应用程序运行。但是，如果您打开控制台，然后单击“登录”按钮，然后单击“isAuthenticated”按钮，您将看到“isAuthenticated”返回 false，而不是 true。

我是不是在配置 express 及其 cors 选项或在前端设置 http 链接方面做错了什么？我为 localhost:8080 启用了 cors，所以我不确定为什么会看到这种效果。

expressMiddleware.use(cors({
  credentials: true,
  origin: 'http://localhost:8080',
}));

一些相关文件:

• front-end index.tsx
• front-end app.tsx
• back-end index.tsx

Answer 1

@jimmy - 我尝试了本地设置，一切似乎都正常。

这是 isAuthenticated: true 的快照。

我更改了迷你服务器的用户名和密码以匹配迷你应用程序的用户名和密码。

小程序

const handleLogin = async (): Promise<void> => {
    await loginUser({
      variables: {
        email: 'dad@gmail.com',
        password: 'temp-password',
      },
    });
  };

迷你服务器 - src/users.ts

export default [
  {
    id: '1',
    firstName: 'John',
    lastName: 'Smith',
    email: 'dad@gmail.com',
    password: 'temp-password',
  },
];