首页 > 其他分享 >axios配置onUploadProgress产生跨域问题

axios配置onUploadProgress产生跨域问题

时间:2023-02-15 09:34:28浏览次数:69  
标签:onUploadProgress axios 跨域 arg1 Access setHeader

axios配置onUploadProgress产生跨域问题

  • onUploadProgress监听上传进度产生跨域

问题起因:

ie和edge浏览器在调用xhr.upload.onprogress进度事件时,仍然只会发送post或者get请求,
但是火狐等高端一点的浏览器会将其视为跨域问题,并在post或者get请求之前,自动发出一个option请求
那么坑爹的就是,后台不解决option,后续新的请求就不会得到响应。

解决方案

后台处理option请求就行
Java写法

@Override
protected void doOptions(HttpServletRequest arg0, HttpServletResponse arg1) throws ServletException, IOException {
    // TODO 自动生成的方法存根
    super.doOptions(arg0, arg1);
    arg1.setHeader("Content-Type", "application/json");
    arg1.setHeader("Access-Control-Allow-Origin", "*");
    arg1.setHeader("Access-Control-Allow-Methods", "POST", "GET", "OPTIONS", "DELETE", "PUT");
    arg1.setHeader("Access-Control-Max-Age", "3600")
}

内容转载自 小九的小酒

标签:onUploadProgress,axios,跨域,arg1,Access,setHeader
From: https://www.cnblogs.com/DTCLOUD/p/17121583.html

相关文章