关于CORS 及 Ant Design Access-Control-Allow-Headers:x-requested-with

本地开发使用Ant Design ng 版上传图片时 跨域拦截,需要处理响应头,一般来说接口已经开启,但是一般接口服务不会加入这个头:Access-Control-Allow-Headers:x-requested-with

先看一下三CORS 需要响应头的修改

Access-Control-Allow-Credentials:true, 此项为true 时 origin 项必须指定请求的域名
Access-Control-Allow-Origin: http://localhost:4200, 此项不可以去掉http 头
Access-Control-Allow-Headers:x-requested-with  此项在请求头包含时必须响应

开发页面地址:http://localhost:4200   接口服务地址:http://localhost:3030/uploads

本地开发 mock 数据是 用的Express 启的服务

以下是响应头的添加信息

let app = express();

app.use((req,res,next)=>{
    res.header({
        'Access-Control-Allow-Credentials':true,
        'Access-Control-Allow-Origin': 'http://localhost:4200',
        'Access-Control-Allow-Headers':'x-requested-with' 

    });
    next();
});

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值