跨域的解决方案

时间:2019-10-19
本文章向大家介绍跨域的解决方案,主要包括跨域的解决方案使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

1.jsonp

router.get('/', function(req, res, next) {
  let _callback = req.query.callback
  let { limitNum, pageCode } = req.query; // 获取用户提交的分页数据
  limitNum = limitNum * 1 || 10
  pageCode = pageCode * 1 ||0
  sql.paging(User, {}, {_id: 0}, limitNum, pageCode).then(data => {
    var obj = {
      code: '200',
      message: 'success',
      data: data
    }
    if (_callback) {
      // 这两步设置发送也是NODE.JS发送JSONP必备 
      res.type('text/javascript'); 
      res.send(_callback + '(' + JSON.stringify(obj) + ')');
    } else {
      res.json(obj)
    }
  })
});
//前端
$.ajax({
  url: 'http://localhost:3000/users',
  dataType: 'jsonp',  // ******************************
  success: function (data) {
    console.log(data)
  }
})

2.cors

//app.js中添加如下代码
var allowCrossDomain = function (req, res, next) { 
  res.header('Access-Control-Allow-Origin', '*');//自定义中间件,设置跨域需要的响应头。 
  next(); 
}; 
app.use(allowCrossDomain) ////运用跨域的中间件

3.反向代理

客户端访问服务器会遇到跨域问题,但是服务器与服务器之前不存在跨域问题。

自己请求自己的服务器,自己的服务器去请求别人的服务器。

正向代理」代理的对象是客户端,「反向代理」代理的对象是服务端。

原文地址:https://www.cnblogs.com/stdzz/p/11703636.html