首页 > 其他分享 >vue项目中上传文件失败记录

vue项目中上传文件失败记录

时间:2023-10-13 18:22:23浏览次数:48  
标签:文件 vue 记录 失败 大小 上传

页面请求报【Failed to load resource: net::ERR_CONNECTION_ABORTED】错误,查了下是文件过大导致上传失败,element-ui本身没有大小限制,最后排查是Nginx默认是上传一个不能超过1M大小的文件

# 设置客户端传文件通过nginx大小
client_max_body_size 1024m;

  

标签:文件,vue,记录,失败,大小,上传
From: https://www.cnblogs.com/heibaiqi/p/17762885.html

相关文章

  • 博学谷学习记录 自我总结 用心分享 | Tomcat源码刨析
    Tomcat系统架构设计1.前言很多人谈到架构感觉是一个非常高大尚的东西,觉得自己目前不太可能接触到或者没有实力接触和学习它。这其实是一个非常错误的认识,事实上我们作为开发人员每天都在和架构打交道。比如当你接到一个功能模块的需求时,你首先要做的就是分析和设计,例如技术选型......
  • 博学谷学习记录 自我总结 用心分享 | Spring源码刨析
    别再盲目的说spring有三级缓存了,两个缓存只是启动时为了解决循环依赖,spring启动后只有一个缓存有用一、什么是循环依赖循环依赖指的就是循环引用,就是两个或多个bean相互之间的持有对方,比如CircleA引用CircleB,CircleB引用CircleC,CircleC引用CircleA,则它们最终......
  • Vue3| create-vue 脚手架工具
    create-vue是Vue官方新的脚手架工具,底层切换到了vite(下一代构建工具),为开发提供极速响应 使用 create-vue创建项目:1.前提环境条件:  已安装16.0或更高版本的Node.js(node-v)2.创建一个Vue应用:npminitvue@latest(这一指令将会安装并执行create-vue)启动项目:......
  • 【前端开发】前端开发都应该知道的vueuse
    前言:我们在写项目业务时进场会要封装一些工具函数,经常会遇到重复造轮子现象,这里给大家普及下vueuse,是基于Vue组合式API的实用工具集。比如如下简单的几个例子:useDateFormat   时间格式处理函数useTimeAgo     几小时/上周前等处理函数 useMouse     ......
  • 【前端开发】vue3+vite项目部分优化
    1、使用rollup-plugin-visualizer可视化分析包npmirollup-plugin-visualizer-S在vite.config.js中引入 在plugins里面 然后执行npmrunbuild就自动打开可视化分析2、CDN加速在vite.config.js中引入import{autoComplete,PluginasimportToCDN}from"v......
  • vue实例挂载以及模板解析过程
    抽空看了下vue源码,记录下newVue()的过程。 在package.json中运行命令添加sourcemap,打包后在源码案例目录下创建新的html文件,运行后可以在控制台断点调试 测试代码<scriptsrc="../../dist/vue.js"></script><divid="demo"><p@click="searchQuery=333">{{sear......
  • 通过 modules 创建 vuex 的模块
    模块拆分:1.在store文件夹下再新建文件夹modules,在modules下新建xxx.js文件:eg:新建user.js文件conststate={ userInfo:{  name:'zs',  age:18 }, score:80}constmutations={}constactions={}constgetters={}exportdefault......
  • 使用vue在移动端显示树状多选功能
    最近的项目要求是做一个树状的多选功能,然而该项目是使用vant4作为前端的框架,vant4只有树状单选,没有多选的,那只能自己写一个了。借鉴博主https://blog.csdn.net/m0_68428581/article/details/130641982,我将他的代码转成了vue3的语法,并且根据自己的项目需求进了相关改动,终于实现......
  • grafana api创建dashboard 记录
    目录jsonmodel导入申请apikey创建dashboard删除dashboardjsonmodel导入直接在ui通过jsonmodel导入,开发自己用还好,但对非开发人员不太友好,故考虑通过api后台自动创建apidoc:https://grafana.com/docs/grafana/v9.3/developers/http_api/dashboard/申请apikey$curl......
  • 在vue中使用XLSX库实现Excel的导入导出
    XLSX库是个十分强大的利用前端js处理excel文档的库,官网:https://www.sheetjs.com/vue中安装即使用:安装pnpminstallxlsxpnpminstallxlsx-style-hzx//设置边框与格式用 使用<div@click="exportExcel"style="width:40px;height:40px;position:absolute;z-index......