express实现自定义跨域请求

发现网上的教程都是教让服务器任意跨域,一般为了安全起见,Access-Control-Allow-Origin字段不应该为*
而是应该有一个自定义规则,如果对同源策略,跨域请求不了解,可以先看看阮一峰的文章:
https://www.ruanyifeng.com/blog/2016/04/cors.html

let express = require("express");

// 获取路由  好处是可以写在其他文件中
let {Router} = express;
// 创建路由对象
let router = new Router();
// 安装路由

// 所有路径都使用这个规则
router.all("*", function (req, res, next) {
    // console.log("--->>>>>",req.get("origin"))
    if (req.get("origin")) {
        // 不同端口,和协议都可以跨域
        if (/^(http|https):\/\/localhost:[0-9]/.test(req.get("origin"))) {

            // 注意 发送的时候也要开启cookie
            // var xhr = new XMLHttpRequest();
            // xhr.withCredentials = true;
            //允许跨域携带cookie
            res.setHeader("Access-Control-Allow-Credentials", true);
            // 对应的响应头
            res.setHeader("Access-Control-Allow-Origin", req.get("origin"));
            // 服务器接受的方法
            res.setHeader("Access-Control-Allow-Methods", 'POST, GET, OPTIONS, DELETE, PUT');
            // 允许发送请求的字段
            res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept, If-Modified-Since")
            next()
        } else {
            next()
        }
    }
    next();

})

————————————————————————————————————————
// 引入路由
let router = require("./router/index");
// 安装路由
app.use(router);

测试允许跨域
在这里插入图片描述
不允许跨域
在这里插入图片描述
当然如果希望更安全,可以使用其他更多方式

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值