No 'Access-Control-Allow-Origin' header is present on the requested resource.解決方法(親測有效)


這個問題可以在后端解決:

const app = express();
// 配置跨域請求
app.all("*", function (req, res, next) {
  if (!req.get("Origin")) {
    return next();
  } // use "*" here to accept any origin

  //指定允許其他域名訪問
  res.set("Access-Control-Allow-Origin", "http://localhost:8081");
  //是否允許后續請求攜帶認證信息(cookies),該值只能是true,否則不返回
  res.set("Access-Control-Allow-Credentials", "true");
  res.set("Access-Control-Allow-Methods", "*");
  res.set("Access-Control-Allow-Headers", "Content-Type,Access-Token");
  res.set("Access-Control-Expose-Headers", "*");

  next();
});

出現這個問題的原因: 制定網絡規則的人將非同源的(不同域名或者不同端口)請求視為違反CROS策略的,所以在后端程序中,要制定所有請求的域名/端口/方法等。這使得后端程序對請求的把控更有力了,更嚴格了


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM