![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue.js
zyf1910
这个作者很懒,什么都没留下…
展开
-
前端实现HTML转PDF
主要通过html2canvas和jspdf两个插件实现通过html2canvas将HTML页面转换成图片,然后再将图片转换成base64,通过jspdf生成pdf文件1、安装插件npm install html2canvas jspdf --save2、写实现方法import html2Canvas from 'html2canvas'import JsPDF from 'jspdf'export default (elementId, fileName) => { if (!e原创 2022-01-13 20:23:18 · 2250 阅读 · 0 评论 -
vue.config.js配置gzip文件压缩,图片压缩
const path = require('path');const CompressionWebpackPlugin = require('compression-webpack-plugin')const compress = new CompressionWebpackPlugin({ filename: info => { return `${info.path}.gz${info.query}` }, algorithm: 'gzip', threshold: 10240,原创 2021-05-13 16:20:59 · 1318 阅读 · 0 评论 -
iView采用组件按需引入时,部分组件报错问题
最近在项目中使用iView组件按需引入时,部分组件引入后会报错,官方文档在按需引入时也没有说明,现在将解决方式记录下来,希望对遇到同样问题的童鞋有帮助。问题:通过报错信息可以看到,是 ‘node_modules/_view-design@4.5.0@view-design/src/directives/v-click-outside-x.js’ 这个文件解析失败,需要使用加载器来处理,所以我们就知道应该怎样解决了。解决方式:在webpack配置一下,使用babel-loader来处理:...原创 2021-03-01 15:28:04 · 767 阅读 · 1 评论 -
webpack配置接口地址代理
前言在实际项目中,本地开发环境请求服务器接口的时候,存在跨域问题,解决跨域问题有两种方式:1、关闭浏览器跨域限制2、使用webpack-dev-server的proxy代理第一种方式,前面有文章介绍过:各浏览器开启跨域模式现在说明第二种方式:1、在webpack.config.js中配置devServer: { ... proxy: { '/service-core': { target: 'https://test.******.org',原创 2021-02-18 16:21:36 · 1174 阅读 · 0 评论 -
使用webpack.ProvidePlugin配置全局api
在使用vue开发过程中,基本每个组件都需要import引入api接口,用webpack配置ProvidePlugin后,将不用再引入api,直接使用就可以。配置方法:1、 在webpack.dev.conf.js和webpack.prod.conf.js中添加 plugins: [ ... new webpack.ProvidePlugin({ 'api': 'api' }) ... ]2、 在webpack.base.conf.js中添加resolve: { extensi原创 2021-01-05 14:21:10 · 664 阅读 · 0 评论 -
忽略Eslint不需要检查的代码
在使用eslint进行代码格式检查的时候,有时候一些代码不需要检查,这时候就需要对不需要检查的代码单独处理1、如果只是对一行代码处理,在需要忽略的代码前加一行注释:// eslint-disable-next-line2、如果是对一段代码忽略,在代码前加:/* eslint-disable */3、如果对全局变量忽略,显然加注释的方法有些繁琐,解决方法:找到.eslintrc.js,添加 "globals": { "你的全局变量": null }...原创 2021-01-05 14:20:06 · 1626 阅读 · 0 评论