这几天项目遇到一个情况：一个vue项目除了对接的后端的接口，还需要去使用统一登录平台的登录以及权限等接口，分别部署在不同服务器中；本来还一种处理方法就是后端做一次接口转发，这样我们就不需要另外配置ip了，但是由于开发任务较紧急不能额外占据更多资源，就意味着要前端自己处理(其实也非常简单)主要思路还是创建两个axios实例，这样就能配置两个baseURL。。。。以此类推N+1都行，当然肯定也不能直接

后端可以在Node中使用 node-echarts-canvas 插件直接实现渲染将图片从插入到excel表中，但是前端无法使用，于是想了个折中的方式，先在页面渲染出一个 echart图标，再使用canvas画出并获取到生成图片的base64字符串，后袖写入到excel中。最近项目新增一个需求：导出部分列表数据(较少)以及生成的echart图放到一个excel文件中，全部需要在前端完成。好了 此时

后端可以在Node中使用 node-echarts-canvas 插件直接实现渲染将图片从插入到excel表中，但是前端无法使用，于是想了个折中的方式，先在页面渲染出一个 echart图标，再使用canvas画出并获取到生成图片的base64字符串，后袖写入到excel中。最近项目新增一个需求：导出部分列表数据(较少)以及生成的echart图放到一个excel文件中，全部需要在前端完成。好了 此时

项目中最常用的UI框架就是element-ui，经常在点击操作按钮时候多次点击上一个弹窗未消失，下一个又出现，类似于ant-vue里面提供了 this.$message.destroy()方法，能够销毁。但是在饿了么里面是不存在的，只能对此重写处理，代码如下import { Message } from 'element-ui'let messageInstance = nullconst res

最近项目中使用到了图片上传功能，作为前端开发对此应该不陌生，正常来说图片会有一个单独存储的服务，例如现在公司使用minio统一集中管理，直接部署在docker上面非常方便，下面记录一下使用经历过的图片上传1.base64直接上传这种base64直接上传给后端，然后后端拿到数据之后就能自行处理，一般前端会对base64数据前面拼接"data:image/jpeg;base64," + base64数

一般项目中会出现大量http方法和公用JS方法，在使用的时候每个页面都会出现大量 import { } from '../../。。js' ，项目迭代或者设计图修改之后就会有所变动需要重新引入，经常出现路径问题，此处大概讲一下 路径别名与axios重写与通用方法和正则的统一导入与引用，欢迎交流

uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝）、快应用等多个平台。此文章主要配合使用vant-weapp，方便习惯使用vue的开发者快速完成微信小程序

最近项目中使用到了图片上传功能，作为前端开发对此应该不陌生，正常来说图片会有一个单独存储的服务，例如现在公司使用minio统一集中管理，直接部署在docker上面非常方便，下面记录一下使用经历过的图片上传1.base64直接上传这种base64直接上传给后端，然后后端拿到数据之后就能自行处理，一般前端会对base64数据前面拼接"data:image/jpeg;base64," + base64数