- 博客(18)
- 收藏
- 关注
RSS订阅
转载 vue history 模式打包部署在域名的二级目录的配置指南
最近在做项目，需要把项目部署在域名下的二级目录，并且是在用vue-router的history模式。 我们都知道vue-router的两种前端基本访问模式hash和history。hash模式后面带#，打包的时候只需要把绝对路径(/)换成相对对路径（./），就可以部署在任何地方，不需要服务器配合，但是不好看，所以我们一般选择history模式，但是history模式需要配合服务器的部署。本文主要是在vue-cli3版本下，对部署在域名的二级目录下做四处的配置:1. vue...
2020-06-03 11:36:11
1661
1
原创 2024-04-09 vue前端批量下载打包压缩
背景：前端批量获取到了文件路径，需要下载到本地，多条数据则打包压缩下载压缩包。本文将会使用JSZip和FileSaver.js。
2024-04-09 17:30:16
249
原创 2024-04-09 pdf.js实现文件转图片预览
背景：已知后端给了pdf的url地址，可以在浏览器中直接打开预览；求如何在前端用图片的方式预览展示；convertPdfToImage方法已经可以得到pdf转化的图片数组了，想怎么预览就自由发挥吧。vue2中直接下载最新版本可能会有问题，这里用的是2.2.228版本；以下为ElementUI中 ElImageViewer组件预览方法。
2024-04-09 17:13:44
447
原创 2023-11-01 Nginx部署前端项目
启动前需要先创建Nginx外部挂载的配置文件（ /home/nginx/conf/nginx.conf）之所以要先创建 , 是因为Nginx本身容器只存在/etc/nginx 目录 , 本身就不创建 nginx.conf 文件当服务器和容器都不存在 nginx.conf 文件时, 执行启动命令的时候 docker会将nginx.conf 作为目录创建 , 这并不是我们想要的结果。接下来我们配置Nginx.conf，将下载的证书和Key的所在位置配置到配置文件上。③删除正在运行的nginx容器。
2023-11-02 11:27:49
98
原创 2022-06-09解决element-ui el-table在flex布局中，高度不断增加的问题
el-table的父元素不能是flex：1的元素，需要在外面再加一层元素，并且父元素设置成absolute，祖父元素设置成relative即可。
2022-06-08 18:39:55
2406
原创 在vue中动态修改css小tip
<div class="page-container" :style="{'--bg-color': bgColor}"> <div class="block"></div></div>props: { bgColor: { type: String, default: 'red', }}<style>.block { width: 200px; height: 200px; backgro.
2022-03-25 13:56:43
1178
原创 2021-04-26 防止按钮短时间重复触发点击
// 防止短时间重复触发点击const on = Vue.prototype.$onVue.prototype.$on = function (event, func) { let timer; let flag = true; let newFunc = func if (event == 'click') { newFunc = function () { if (flag) { func.apply(this, arguments) .
2021-04-26 09:44:35
135
原创 2021-01-20 elementUI 日期选择器时间范围选择不能大于一个月
<el-date-picker v-model.trim="times" type="daterange" range-separator="-" value-format="yyyy-MM-dd" start-placeholder="开始日期" end-placeholder="结束日期" @change="changeTimes" :clearable="false" :picker-options="pickerOptions"></el-d.
2021-01-20 17:27:54
870
原创 vuecli3 版本vant主题样式
1、给项目配置主题颜色2、覆盖vant本身的主题这里用到的var.less默认是vant的主题颜色，根据需要修改const path = require('path')module.exports = { chainWebpack: config => { const types = ['vue-modules', 'vue', 'normal-modules'...
2020-04-13 16:18:57
1282
原创 Git 命令行账号密码输入错误解决方法
场景：git操作仓库，第一次弹窗输入账号密码不正确，后续不再弹窗。且后续操作无法进行。期望：重新设置git缓存的账号密码。偏方一（快捷有效）：查看并修改电脑上保存的git凭证开始->控制面板->用户账户->管理Windows凭据...
2020-02-19 16:40:37
2980
原创 通过链接下载图片
背景：给前端一个图片的链接，既可以直接展示，也可用于图片下载。谷歌和火狐可以直接在a标签上加download实现这个功能，但是要兼容其他浏览器。所以找到了一个插件：https://github.com/eligrey/FileSaver.js/blob/master/src/FileSaver.js用法：saveAs(文件路径,文件名)注意：文件名最好不要省略，...
2019-11-27 15:10:29
1048
原创 gulp-sass简单使用
准备：本地安装有node环境// 第一步：生成package.jsonnpm init// 第二步：安装gulp依赖包到本目录npm install gulp --save-dev// 第三步：安装ruby-sass依赖包npm install gulp-ruby-sass --save-dev// 第四步：安装sass依赖包npm install gulp-sass...
2019-10-29 15:44:31
4046
1
原创 Class 的基本用法
新写法：所有实例对象自身的属性都定义在类的头部，看上去比较整齐，一眼就能看出这个类有哪些实例属性。另外，写起来也比较简洁。class Form { // 设置默认值 x = '' y = '' arr = [] constructor() { // ... } // 对数据做输出处理 formData...
2019-10-25 17:00:06
562
原创 fiddler拦截请求并修改请求内容
点击接口->快捷键‘e’（右键->"Replay"->"Reissue and Edit"）显示如下界面即为可编辑的状态点击"Raw",可以修改任意参数，最后点击绿色按钮“Run to Completion”...
2019-10-18 17:28:31
1003
原创 fiddler抓包修改返回结果
打开fiddler，找到对应的接口请求双击后选择右侧的“AutoResponder”，然后点击Add Rule第一个输入框既是我们选中的接口第二个输入框是对返回结果做操作下拉框中有一些提示的方式，以及想用本地的文件替代返回结果，就选择下拉框中的“find file”...
2019-10-18 17:10:04
832
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人