上传文件时出现跨域问题

一个新的奇葩问题：前端报跨域出错，原因却在后台上传的文件超过了Tomcat限制。

前端报错

后端日志

所以啊，这根本不是跨域的问题， Tomcat默认上传的文件大小就是1MB ，你上传的文件超过而已。

你可以在前端配置一下文件大小限制，

例如

或者在后端设置上传文件大小限制

以SpringBoot为例

在application.yml中添加配置

跨域请求前浏览器会自动发出一个options请求，如果服务器的响应头部中有如下信息：

Access-Control-Allow-Origin: #允许访问的源，如ht localhost:3000

Access-Control-Allow-Methods: #允许的方法，如get, post

浏览器收到这个响应就会继续原来的请求，否则就会终止。

在webuploader中可以在uploadBeforeSend的回调中设置请求的头部，例如

uploader.on('uploadBeforeSend', function(obj, data, headers) {

_.extend(headers, {

"Origin": "h /localhost:3000",

"Access-Control-Request-Method": "POST"

})

})

在服务端的post响应中增加头部：Access-Control-Allow-Origin //localhost:3000

完整配置参考：

跨域请求的问题 · Issue #1265 · fex-team/webuploader · GitHub

还有相关讨论

麻烦讲一下跨域的相关配置，谢谢！ · Issue #135 · fex-team/webuploader · GitHub

---