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实现CORS跨域

    跨域请求头 cors express 跨域请求

  • express 实现跨域

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

  • webpack4.0 跨域

    1.正常跨域 如何模拟跨域呢?webpack-dev-server会启动一个express服务,我们可以重新再模拟...

  • #hello,JS:15 同源策略 & 跨域(JSONP)

    跨域有几种常见的方式?你有没有跨域使用的经验? 方式: 使用jsonp实现跨域?使用cors实现跨域?浏览器另类的...

  • express解决跨域问题

    对于express解决跨域,我这里有两种方式,个人推荐第一种 1.安装cors 2.手动实现

  • node跨域访问数据

    node返回数据时,设置下面头部跨域实现跨域

  • 跨域问题总结

    跨域, 为什么需要跨域?跨域有什么不好?怎么实现跨域? 一、什么是跨域 只要协议、域名、端口有任何一个不同,都被当...

  • 跨域问题总结

    跨域, 为什么需要跨域?跨域有什么不好?怎么实现跨域? 一、什么是跨域 只要协议、域名、端口有任何一个不同,都被当...

  • 什么是跨域?跨域有几种实现形式:

    跨域指的是跨过同源策略,实现不同域之间进行数据交互的过程叫跨域。跨域的实现形式主要有JSONP方法、CORS方法、...

  • 跨域

    跨域指的是跨过同源策略,实现不同域之间进行数据交互的过程叫跨域。跨域的实现形式主要有JSONP方法、CORS方法、...

网友评论

    本文标题:express 实现跨域

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