zoukankan      html  css  js  c++  java
  • nodeJs实现跨域

    设置允许所有域名跨域:

    app.all("*",function(req,res,next){
       //设置允许跨域的域名,*代表允许任意域名跨域
       res.header("Access-Control-Allow-Origin","*");
       //允许的header类型
       res.header("Access-Control-Allow-Headers","content-type");
       //跨域允许的请求方式 
       res.header("Access-Control-Allow-Methods","DELETE,PUT,POST,GET,OPTIONS");
       if (req.method.toLowerCase() == 'options')
          res.send(200); //让options尝试请求快速结束
       else
          next();
    }

    设置允许指定域名“http://www.zhangpeiyue.com”跨域:

    app.all("*",function(req,res,next){
       //设置允许跨域的域名,*代表允许任意域名跨域
       res.header("Access-Control-Allow-Origin","http://www.zhangpeiyue.com");
       //允许的header类型
       res.header("Access-Control-Allow-Headers","content-type");
       //跨域允许的请求方式 
       res.header("Access-Control-Allow-Methods","DELETE,PUT,POST,GET,OPTIONS");
       if (req.method.toLowerCase() == 'options')
           res.send(200); //让options尝试请求快速结束
       else
          next();
       }

    设置允许多个域名跨域:

    app.all("*",function(req,res,next){
       if( req.headers.origin.toLowerCase() == "http://www.zhangpeiyue.com"  ||  req.headers.origin.toLowerCase() =="http://127.0.0.1" ) {
           //设置允许跨域的域名,*代表允许任意域名跨域
           res.header("Access-Control-Allow-Origin", req.headers.origin);
      }
       //允许的header类型
       res.header("Access-Control-Allow-Headers", "content-type");
       //跨域允许的请求方式 
       res.header("Access-Control-Allow-Methods", "DELETE,PUT,POST,GET,OPTIONS");
       if (req.method.toLowerCase() == 'options')
           res.send(200); //让options尝试请求快速结束
       else
          next(); 
       }

    如果允许的域名较多,可以将允许跨域的域名放到数组当中:

    app.all("*",function(req,res,next){
    var orginList=[
    "http://www.zhangpeiyue.com",
    "http://www.alibaba.com",
    "http://www.qq.com",
    "http://www.baidu.com"
    ]
    if(orginList.includes(req.headers.origin.toLowerCase())){
    //设置允许跨域的域名,*代表允许任意域名跨域
    res.header("Access-Control-Allow-Origin",req.headers.origin);
    }
    //允许的header类型
    res.header("Access-Control-Allow-Headers", "content-type");
    //跨域允许的请求方式
    res.header("Access-Control-Allow-Methods", "DELETE,PUT,POST,GET,OPTIONS");
    if (req.method.toLowerCase() == 'options')
    res.send(200); //让options尝试请求快速结束
    else
    next();
    }
  • 相关阅读:
    Web前端学习第三天·fighting_常用的一些标签(一)
    Web前端学习第七天·fighting_CSS样式的编写和使用(二)
    Web前端学习第八天·fighting_使用CSS美化文字(一)
    WPF 自定义RadioButton样式
    WPF自定义控件与样式自定义按钮(Button)
    WPF 自定义Calendar样式(日历样式,周六周日红色显示)
    WPF 自定义TextBox带水印控件,可设置圆角
    WPF 自定义CheckBox样式
    常见web UI 元素操作 及API使用
    selenium定位下拉框
  • 原文地址:https://www.cnblogs.com/blog-zy/p/10953571.html
Copyright © 2011-2022 走看看