首页 > 其他 > 详细

跨域问题的解决方案和实现原理

时间:2020-08-08 18:46:01      阅读:87      评论:0      收藏:0      [点我收藏+]

浏览器本身的特点
http 默认端口号 80
https 默认端口号 443
当 WEB服务器 和 数据服务器 不是同一台服务器,则会报 ‘服务器不允许当前源访问’

跨域问题的产生及其价值意义
1.JSONP跨域解决方案的底层原理

技术分享图片

客户端:

<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
<script>
  $.ajax({
    url: "http://127.0.0.1:8001/list",
    method: "get",
    dataType: "jsonp",
    success: (res) => {
      console.log(res);
    },
  });
</script>

服务端:

let express = require("express");
let app = express();
app.listen(8001, (_) => {
  console.log("OK!");
});
app.get("/list", (req, res) => {
  let { callback = Function.prototype } = req.query;
  let data = {
    code: 0,
    message: "测试",
  };
  res.send(`${callback}(${JSON.stringify(data)})`);
});

.

跨域问题的解决方案和实现原理

原文:https://www.cnblogs.com/crazycode2/p/13458521.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!