1. 程式人生 > >學習通過後端配置cors遊覽器解決跨域訪問

學習通過後端配置cors遊覽器解決跨域訪問

學習通過後端配置cors遊覽器解決跨域訪問

現在的遊覽器ie10以上的都可以瀏覽器直接發出CORS請求。體來說,就是在頭資訊之中,增加一個Origin欄位。然後node後端

router.get('/getData', function(req, res, next) {
  //設定允許跨域請求
    var reqOrigin = req.header("origin");
 
  if(reqOrigin !=undefined && reqOrigin.indexOf("http://localhost:8080") > -1){
  //設定允許 http://localhost:3000 這個域響應
    res.header("Access-Control-Allow-Origin", "http://localhost:8080");
    res.header("Access-Control-Allow-Methods","PUT,POST,GET,DELETE,OPTIONS");
    res.header("Access-Control-Allow-Headers", "Content-Type,Content-Length, Authorization, Accept,X-Requested-With");
  }
  res.json(200, {str: "cors跨域成功"});
 
});

對前端的請求過濾若允許請求就在回覆頭加Access-Control-Allow-Origin和Access-Control-Allow-Methods欄位,遊覽器會主動識別獲取後端傳過來的資料。