絮落锦乡的博客

springboot + vue + nginx 文件上传大小限制,报错413

1、Element ui 默认的宽度是420px 在移动端长度太长，需要审批2、解决方案 customClass: 'msgbox' 给弹出框加一个额外的class 名称3、效果

vue+element-ui循环上传图片。

一、问题描述element ui 年度控件默认当年以后无法在选择其他的年度，也不报错二、默认代码<el-form-item label="认证年度" prop="year"> <el-date-picker style="width: 200px" v-model="

【Vuejs】317- 提升90%加载速度——Vuecli下的首屏性能优化前言之前用 vuecli做了个博客，是一个单页面项目，大概有十个路由 直接 npm run build打包出来，有一个 1M的巨大 js文件先挂载到服务器上试试 好家伙 这加载时间 仿佛过了半个世纪首屏页面整整加载了 9s 光加载那个大文件就花了 8s 这必须得做个优化了，没有用户能忍受 9s的白屏而不关闭页面的过程中，我还顺便把项目从 vuecli 2.x迁移到了 vuecli 3，所以接下来还会介绍

控制选择时间的范围<el-date-picker size="mini" v-model="upsertForm.startTime" type="daterange" range-separator="至" start-placeholder="活动开始日期

<el-form :model="upsertForm" ref="upsertForm" label-width="100px" class="demo-dynamic"> <el-form-item prop="email" label="邮箱" :rules="[ { required: true, message: '请输入邮箱地址', trigger: 'blur' }, { type: 'email', mess...

从npm 迁移到yarn 启动报错Module build failed: TypeError: Cannot read property 'vue' of undefined解决方式yarn install vue-loader@latest --save

一、背景说明 还是刚入行那会使用了一段时间的SSH框架，后面一直用的是微服务，相对来说，微服务还是比较轻量级，最近开发了一个线上书城管理系统，使用SHH+Mysql二、功能说明三、系统截图1、登录、注册2、首页3、论坛管理4、商品管理5、订单管理6、员工管理、角色管理7、公告管理8、收货地址管理9、反馈、建议、投诉、举报10、我的足迹11、我的收藏12、我的购物车...

一、问题描述vue 在使用页面跳转的时候，发现页面总是不调转，或者地址变了，页面不刷新等问题二、解决方案1、排查页面是否使用了beforeRouteLeave ，如果使用了该函数，意味着路由被拦截下来进行处理了，这个时候做完逻辑处理后必须要加上 next() 函数，才能让路由继续跳转，否则页面将不会跳转。2、排查页面是否报错，哪个方法未定义。3、检查路由配置是否正常。...

一、考试系统需要用到导入试题功能，要求导入公式和图片。将word 文档另存为xml 先看看图片在里面的存放效果<w:r> <w:rPr> <w:rFonts w:hint="eastAsia" w:ascii="黑体" w:hAnsi="黑体" w:eastAsia="黑体" w:cs="黑体"/>

一、问题描述电脑上安装了三个摄像头，两个前置的摄像头和一个高拍仪拍摄介绍信的，现在需要通过代码来调用摄像头，并区分当前应该调用哪个摄像头完成相应的功能。人脸拍摄调用前置摄像头，拍摄比对好后，应该调用高拍仪拍摄介绍信样机展示二、调用代码<template> <div> <button @click="callCamera" style="margin-right: 10px;">开启摄像头</button>

1、需求说明项目中有涉及到考试，做题的需求，要求导入word试题，试题带有公式，excel 也需要导入。当然了，有导入也会有导出，生成一张试卷的时候，需要将试卷导出成word 进行打印。试题当然是个列表，有如下几个参数。试卷名称 试卷的题型 题干 分值 选项（多个） 正确答案 知识点 标签2、准备工作制作你想要的word 模板另存为word为wordxml 文档将xml文件拷贝至编辑器中，博主放在了resource\word目录下，当然你可以随便找个地方放。格式化代码

一、问题描述springboot 整合swagger 比较简单，博主的博客中有，还没有整合的可以查阅下，swagger 有两种模式，一种是默认模式，一种是分组模式。1、分组模式@Bean public Docket loginApi() { return new Docket(DocumentationType.SWAGGER_2) .groupName("登录管理") .apiInfo(apiInfo()

一、问题说明：element ui 排序很简单只需要加 sortable="custom" 通过后端排序后，吧数据返回至前端，但是当你对表格进行行内编辑，或者其他的复杂操作时，就会出现失效。在啰嗦一句，后端排序数据类型要注意，你搞个字符串类型排序，估计是给自己挖坑。解决办法<el-table-column prop="sequenceName" label="序号" key="1" width="80px" sortable="custom"></el-table-col

一、说明背景vue主要采用了ES6 Promise，我们知道的，在 JavaScript 中，所有代码都是单线程的，也就是同步执行的。而 Promise 就为异步编程提供了一种解决方案。二、解决方案1、采用 babel-polyfill 进行转换语法。2、安装babel-polyfillnpm install -S babel-polyfill3、main.js 引入babel-polyfillimport 'babel-polyfill'注意：babel-polyfi.

问题描述代码getUrlBase64(url, ext, callback) { var canvas = document.createElement("canvas"); //创建canvas DOM元素 var ctx = canvas.getContext("2d"); var img = new Image; img.crossOrigin =

问题描述 如何在H5移动端预览PDF，并且获取到PDF的总页数，获取到当前的页数。第一步 安装pdfh5npm install pdfh5第二步 开始写预览界面<template> <div class="login" id="app" style="width: 100%;height: 100%"> <div @click="getCurren">当前页</div> <div...

一、引入vue.js建议把js 下载下来存放在本地。<script src="https://unpkg.com/vue/dist/vue.js"></script>二、引入axios 建议把js下载下来存在本地<script src="https://unpkg.com/axios/dist/axios.min.js"></script...

1、打开字体下载网站https://www.dafont.com/点击LCD，并输入想药转换的字符2、上面操作下载后得到一个压缩包，里面都是.ttf格式，需要将其转换成.woff格式打开转换网站https://www.fontsquirrel.com/tools/webfont-generator3、打开压缩包将.woff 、.woff2 文...

springboot 部署一般是采用jar 部署，也有采用war（集成了jsp，不推荐使用）一、将vue 项目编译后打入jar 包部署方式1、运行vue打包命令，前提是vue项目正常，无错误！npm run build2、运行命令后，在项目根目录会生成一个dist 文件夹，将dist 文件夹的所有文件，拷贝至springboot项目中的static（static默认放行）访问...

1、准备一个vue 的项目安装依赖，两个命令，第一个命令把网页转成图片，第二个是图片转成pdf.因此，vue导出网页为pdf 的原理就是先把网页生成成图片，在把图片写到pdf中，正因为这个原理，造成这种方式的一些缺点，比如，可能引发黑色阴影，分页分割问题等瑕疵。npm install html2canvas --savenpm install jspdf --save2、引入...

1、准备一个vue 的项目安装依赖npm install html2canvas --save2、引入依赖import html2canvas from 'html2canvas';3、加入导出方法<div @click="downloadImg('main')">导出图片</div><div id="main"> ...