服务端net core 使用 vue el-upload 本地上传大文件直接请求失效了
如果使用Vue的ElUpload组件进行大文件的本地上传,并且直接请求服务端时出现请求失效的问题,可能有以下几个原因:
- 服务端对请求大小进行了限制:默认情况下,Net Core对请求的大小有一定的限制,可以通过在Startup类的ConfigureServices方法中添加以下代码来更改限制大小:
services.Configure<IISServerOptions>(options =>
{
options.MaxRequestBodySize = int.MaxValue;
});
- 服务端对请求超时时间进行了限制:如果上传大文件时,请求时间过长,可能会导致服务端超时,可以在Startup类的Configure方法中添加以下代码来更改超时时间限制:
app.Use(async (context, next) =>
{
context.Request.BodyReader.ReadTimeout = TimeSpan.FromMinutes(30);
await next.Invoke();
});
- 服务端对请求的类型进行了限制:有些服务器可能会对请求的Content-Type做限制,需要确保请求的Content-Type是正确的。在ElUpload组件中,可以通过设置
headers属性来指定请求的Content-Type类型,例如:
<el-upload
action="/upload"
:headers="{ 'Content-Type': 'multipart/form-data' }"
>
<!-- upload button -->
</el-upload>
以上是一些可能导致请求失效的常见原因,你可以根据实际情况进行排查和调试。另外,如果上传大文件,也可以考虑使用分片上传的方式来提高上传效率和稳定性
原文地址: https://www.cveoy.top/t/topic/iOjW 著作权归作者所有。请勿转载和采集!