前端
完美缺陷
书到用时方恨少事非经过不知难
展开
-
Vue跨域问题
本地:1. main.js加入axios.defaults.baseURL = '/api' //作为请求前缀或者:2. vue.config.jslet proxyObj={};proxyObj['/ws']={ ws:true, target:"ws://localhost:8082"};proxyObj['/api']={ ws:false, target:'http://localhost:8082', changeOrigin: true..原创 2021-07-06 13:40:37 · 513 阅读 · 0 评论 -
前后端分离如何解决跨域问题
现在前后端分离开发很常见了,由于浏览器的同源策略,存在跨域问题F12 报错:No 'Access-Control-Allow-Origin' header is present on the requested resource服务端你会发现 request.Method是OPTIONS,而且会请求2次,第一次是尝试解决跨域方案有好几种,这里介绍反向代理解决方案,尽量对代码不修改前端代码: build: { vueRouterMode: 'hash', // av原创 2020-09-11 17:38:43 · 1208 阅读 · 0 评论 -
Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported.
canvas.toDataURL("image/jpg;base64;");canvas提交img时报错:Uncaught DOMException: Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported.原因是:your local drive is de...原创 2019-08-12 15:05:16 · 4014 阅读 · 0 评论 -
canvas拖拽电子签章 想盖哪里就拖哪里
背景:现在代码生成合同,并且附带电子章水印,这个功能已经很常见了,前提是你知道电子章水印要盖在哪里。如果是客户上传的合同呢,合同内容千差万别,那章的位置可能是个未知数。下面分析一个手动拖拽电子签章的方法先看效果图:下面是个canvas,左边是合同,可以是pdf等jpg文件;右边是公章,你可以随意拖拽,之后点击确认签章按钮即可,生成盖好章的图片。代码说明:...原创 2019-08-12 18:02:01 · 2915 阅读 · 4 评论