express 实现跨域

作者: 老邵 | 来源:发表于2018-03-26 21:08 被阅读20次

    在前端向后端发起请求时会出现跨域无法请求的问题,所谓跨域是指前端的资源请求与所请求的资源本身的服务器在不同域或不同端口时,浏览器会发起一个 http 跨域请求。

    可以通过设置后端代码来解决前端跨域无法请求资源的问题,如 node 后端框架 express 中可以这样设置:

    let app = express();
    app.all('*', function (req, res, next) {
      res.header("Access-Control-Allow-Origin", "*");
      res.header("Access-Control-Allow-Headers", "X-Requested-With");
      res.header("Access-Control-Allow-Methods", "PUT,POST,GET");
      res.header("X-Powered-By", "3.2.1");
      res.header("Content-Type", "application/json;charset=utf-8");
      next();
    })
    

    上方代码中比较重要的属性设置是 Access-Control-Allow-Origin 与 Access-Control-Allow-Headers ,分别用来设置允许的域(即可以向服务器发起请求的地址,* 指所有地址)和允许的头部。其余的属性像是 Access-Control-Allow-Methods 用来设置服务器所允许的请求方式。

    相关文章

      网友评论

        本文标题:express 实现跨域

        本文链接:https://www.haomeiwen.com/subject/tikdcftx.html