专栏首页MyTechnology上传文件时出现跨域问题

上传文件时出现跨域问题

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

前端报错

Access to XMLHttpRequest at 'http://localhost:8120/admin/oss/file/upload?module=avatar' from origin 'http://localhost:9528' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

后端日志

org.springframework.web.multipart.MaxUploadSizeExceededException: Maximum upload size exceeded; nested exception is java.lang.IllegalStateException: org.apache.tomcat.util.http.fileupload.FileUploadBase$FileSizeLimitExceededException: The field file exceeds its maximum permitted size of 1048576 bytes.

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

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

例如

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

以SpringBoot为例

在application.yml中添加配置

spring:
  servlet:
    multipart:
       单个文件上传大小
      max-request-size: 50MB
       一次请求的多个文件大小
      max-file-size: 50MB

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 每日一刷:回文数

    判断一个整数是否是回文数。回文数是指正序(从左向右)和倒序(从右向左)读都是一样的整数。

    乐心湖
  • Windows安装Redis

    下载地址:https://github.com/microsoftarchive/redis/tags

    乐心湖
  • Hystrix图形化界面

    一个新的模块,起名为cloud-consumer-hystrix-dashboard9001

    乐心湖
  • 购物车的原理以及实现

    用户2146856
  • 购物车的原理以及实现

    用户2146856
  • Angular 自定义管道

    本文将使用 UltimateAngular/angular-pro-src 中的示例,来一步步介绍自定义管道的相关知识。在该示例中,我们将定义一个 FileSi...

    阿宝哥
  • Elasticsearch6.X 去重详解

    1、题记 Elasticsearch有没有类似mysql的distinct的去重功能呢? 1)如何去重计数? 类似mysql: select distinct(...

    铭毅天下
  • jmeter分析性能报告时的误区

    我们用jmeter做性能测试,必然需要学会分析测试报告。但是初学者常常因为对概念的不清晰,最后被测试报告带到沟里去。

    飞天小子
  • R语言之GEO基因表达数据的下载整合

    source("https://bioconductor.org/biocLite.R")

    一粒沙
  • 支付的时候的参数校验

    用户7657330

扫码关注云+社区

领取腾讯云代金券