会话存储在mongoDB商店中，但在生产过程中不存储在浏览器中[已解决]

Question

• 我写了一个与快速应用编程接口的反应应用程序
• 我在授权的快速会话中实现了oauth2
• 我部署到Netlify的客户端-https://keen-bhaskara-257c68.netlify.app/
• 这里是回购：https://github.com/ThevinSilva/loghorizonServer
• 服务器端到Heroku-https://loghorizon-server.herokuapp.com/
• 这里是回购：https://github.com/ThevinSilva/loghorizonClient
• 设置当前cors

//cloudinary
require("dotenv").config();
cloudinary.config({
  cloud_name: "loghorizon",
  api_key: process.env.CLOUDINARY_API_KEY,
  api_secret: process.env.CLOUDINARY_SECRET,
});
require("./config/passport")(passport);

//MongoDB
connectDB();

//---------------------------------- SERVER ----------------------------------
const app = Express();
const httpServer = http.createServer(app);
const io = Socket(httpServer, {
  cors: {
    origin: process.env.CLIENT_SIDE_URL,
    methods: ["GET", "POST"],
    allowedHeaders: ["my-custom-header"],
    credentials: true,
  },
});

app.use(
  cors({
    origin: process.env.CLIENT_SIDE_URL, // allow to server to accept request from different origin
    methods: "GET,HEAD,PUT,PATCH,POST,DELETE",
    credentials: true, // allow session cookie from browser to pass through
  })
);

//----------------------------------  MIDDLEWARE ----------------------------------
// increase bandwidth to allow for base64 strings
app.use(Express.json({ limit: "40mb", extended: true }));
app.use(Express.urlencoded({ limit: "40mb", extended: true }));
app.set("trust proxy", 1);
app.use(
  Session({
    name: "LHsession",
    secret: process.env.COOKIE_SECRET,
    resave: true,
    store: new MongoStore({ mongooseConnection: mongoose.connection }),
    cookie: {
      sameSite: false,
      maxAge: 8.64e7,
      secure: false,
      httpOnly: false,
    },
  })
);
// utility for monitoring requests
app.use(Morgan("dev"));

//---------------------------------- Pasport config ----------------------------------
app.use(passport.initialize());
app.use(passport.session());

该项目在我的开发环境中完美地工作（在多台计算机上测试）。抛出以下错误：已被CORS策略阻止：没有访问-控制-允许-起源...

重要的是要注意，除了我被重定向回我的web应用程序会话时没有存储外，带有帐户的实际授权页面会显示出来。

不言而喻，这些都是无效的

• 我读到添加line应用程序。集合（“信任代理”）

app.set("trust proxy", 1);
app.use(
  Session({
    name: "LHsession",
    secret: process.env.COOKIE_SECRET,
    resave: true,
    store: new MongoStore({ mongooseConnection: mongoose.connection }),
    cookie: {
      sameSite: false,
      maxAge: 8.64e7,
      secure: false,
      httpOnly: false,
    },
  })
);

• 在Axios中，我添加了凭据

const server = axios.create({
  withCredentials: true,
  baseURL: process.env.REACT_APP_SERVER + "/board",
});

• 我读了许多线程这一个似乎很有前途，可能会工作，但我希望客户端和服务器是分开的-部署到heroku和netlify后，快速会话不会持久

• 我是一个17岁的业余爱好者，可能有点不知所措，请把我不存在的网络知识记下来。也许给我一些材料来读
• 我检查的环境变量已成功输入
• 文档可能有点奇怪抱歉
• 在最终的react构建中有很多错误和警告，但我认为这在这里并不重要

Answer 1

问题解决了，我在我的网站域名下注册了这两个，现在它就像一个符咒。虽然没有解决cors问题，但我还是设法让我的项目开始工作。更具决定性和彻底性的潜在罪魁祸首是：跨域会话Cookie（Netlify上Heroku React应用程序上的Express API）