當我想將 localhost:4000 重定向到 localhost:3000 時出現錯誤 CORS

Question

我有一個帶有 react 和 nodejs 的項目。 現在，我在 localhost:4000 （我的服務器）中對用戶進行身份驗證，然后重定向到 localhost:3000/*

const loginHandler = async (req, res,next) => {

passport.authenticate("local",{
  successRedirect:'http://localhost:3000/dashboard',
  failureRedirect:'http://localhost:3000/login',
  failureFlash: true
})(req,res,next)
};

但重新運行此錯誤

CORS 策略已阻止從源“http://localhost:3000”訪問“http://localhost:3000/login”處的 XMLHttpRequest（從“http://localhost:4000/login”重定向）預檢請求未通過訪問控制檢查：請求的資源上不存在“Access-Control-Allow-Origin”header。 loginForm.jsx:26 錯誤：網絡錯誤

Answer 1

是的，端口被視為不同的來源。 當請求被嘗試時，它會通過重新請求跨域資源共享策略來詢問是否可以這樣做。 正如錯誤提示的那樣，位於：3000 的服務器沒有提供 Access-Control-Allow-Origin header。 這個 header 應該列出允許聯系它的域，或者使用通配符。

如果您使用 express，請參閱 CORS 中間件以簡化此操作： https://expressjs.com/en/resources/middleware/cors.ZFC35FDC70D5FC69D269883A822C7A53E