宝塔部署vue页面404问题
如题，访问首页没问题，其他页面404.其实只要项目配置伪静态即可；宝塔-》网站-》设置-》伪静态location / { if (!-e $request_filename) { rewrite ^(.*)$ /index.html?s=/$1 last; break; }}配置好保存即可。...
2024-01-10
Docker基本使用以及实战部署Vue项目
一、Docker的基本概念Docker 是一个开源的应用容器引擎，基于Go 语言并遵从 Apache2.0 协议开源。Docker 可以让开发者打包他们的应用以及依赖包到一个轻量级、可移植的容器中，然后发布到任何流行的 Linux 机器上，也可以实现虚拟化。这里可移植指的是，可以直接将镜像保存为镜像压缩文件，然后可...
2024-01-10
FileReader：前端读取本地文件
故事背景昨天下午被问到一个问题：oss 对象存储里边由于有些图片被共享，导致上传了很多的重复的图片或者文件，有没有办法在上传之前判断一下这个文件是否被上传过，如果上传过直接去后端拿存储的地址行不行。当时被问到的时候，第一反应是根据file的文件类型名称和大小生成一个MD5，后...
2024-01-10
京东NutUI CLI
前言NodeJs的出现，让前端工程化的理念不断深入。先是带来了Gulp、Webpack等强大的构建工具，随后又出现了vue-cli和create-react-app等完善的脚手架，提供了完整的项目架构，让我们可以更多的关注业务，而不必在项目基础设施上花费大量时间。但是，这些现成的脚手架未必就能满足我们的业务需求，也...
2024-01-10
前端大厂面试题总结
在去年底开始换工作，直到现在算是告了一个段落，断断续续的也面试了不少公司，现在回想起来，那段时间经历了被面试官手撕，被笔试题狂怼，悲伤的时候差点留下没技术的泪水。这篇文章我打算把我找工作遇到的各种面试题（每次面试完我都会总结）和我自己复习遇到比较有意思的题目，做一...
2024-01-10
el-table用键盘控制移动Cell选中代码示例
前言公司产品需求 要求一个考勤表能使用键盘方向键控制当前选中Cell，回车触发弹窗显示和修改实现首选给需要获取键盘事件的元素添加tabIndex="0"属性，注意div这种元素默认没有focus属性，并且没有keyup这种事件<div class="attend-container" ref="attendContainer" @keyup.right="changeCellSelect('right')" ...
2024-01-10
vue-cli3打包时动态配置API地址
1.如何根据打包环境自动选择是否产生.map文件首先用vue-cli3生成的项目都会有这样的目录在package.json中建立这两条命令--mode 后面的参数production和development两个值，就是为了区分开发和生产环境用的。再执行npm run build-debug命令的时候，会发现global.process.argv中发现了我们脚本中配置的参数dev...
2024-01-10
vue路由优化
很多小伙伴写的路由都是直接在路由文件里面编写，这样会导致路由文件经常出现上千行的情况，整个文件会非常地繁琐。我们可以新建一个路由文件夹然后在里面引入export default{ path: '/index', name: 'index', component: ()=> import('../view/index.vue'), children: [ // 子路由 ]}然后在总...
2024-01-10
Vue报错: Property "visible" must be accessed with "$data.visible"
Vue项目 报错[Vue warn]: Property "visible" must be accessed with "$data.visible" because properties starting with "$" or "_" are not proxied in the Vue instance to prevent conflicts with Vue internalsSee: https://vuejs.org/v2/api/#data昨天遇到了这个问题，搜了各种答案找不到原因，很懵逼...
2024-01-10
vue axios取消请求
应用环境，当我们项目中使用模糊匹配查询列表的时候，输入框中输入关键字，我们就会根据关键字调接口查询数据，如果输入的很快，接口反应不是很快，那么就会出现搜索出来的数据和输入的关键字不匹配的情况。这时候我们就需要配置axios请求的CancelToken来取消还没有响应完的接口，直接根据最新...
2024-01-10
