本地开发使用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();
((req,res,next)=>{
({
'Access-Control-Allow-Credentials':true,
'Access-Control-Allow-Origin': 'http://localhost:4200',
'Access-Control-Allow-Headers':'x-requested-with'
});
next();
});