- 博客(28)
- 收藏
- 关注
RSS订阅原创 vue项目封装axios请求，支持判断当前环境及判断token是否过期等等（详细教程，可复制粘贴代码）
本文介绍了在Vue项目中封装Axios请求的完整流程：1.创建request.ts文件和状态码处理文件status.ts；2.配置不同环境下的API地址；3.实现Axios封装，包括设置超时时间、请求/响应拦截器、token处理和自动判断运行环境；4.提供请求状态码映射和错误处理；5.展示如何在业务代码中引入和使用封装后的请求。文章详细说明了token配置、过期处理等关键功能的实现，并给出了.env环境配置示例和代码结构建议。
2025-08-12 15:59:14
1077
原创 提升效率的小工具推荐，uTools轻量化小工具的使用
写代码不只是写代码，还可以cv，可以AI一下。日常生活和工作中，我们常常用到很多很多的工具（软件），每个工具都有自己特有的功能，现在给大家推荐一个集多个常用功能于一身的轻量化小工具：uTools。
2025-08-12 11:04:06
449
原创 通过phpStudy，用nginx部署vue项目，支持部署多套vue项目（详细教程）
本文介绍了使用phpStudy在Windows服务器上部署Vue项目的完整步骤：1)下载安装phpStudy；2)打包Vue项目并复制到WWW目录；3)配置Nginx解决页面刷新404问题；4)创建多个网站部署不同项目；5)通过IP地址实现局域网访问。重点包括修改Nginx配置文件添加try_files指令，以及配置多站点时需注意端口号和文件夹对应关系。部署完成后，其他电脑可通过服务器IP加端口号访问项目。
2025-07-19 14:20:36
1462
原创 vue3使用keep-alive缓存组件与踩坑日记
网上有很多教程都教人在App.vue里面的 router-view 标签中配置 keep-alive 标签，App.vue里面一般都有 router-view 标签做为路由出口，但它并非一定就是需要缓存的页面组件的路由出口。需求举例：需要缓存Home页面，使其在切换到其它页面再切换回来时不用再次渲染和获取请求。是一个vue自带的内置组件，它的功能是在多个组件间动态切换时缓存被移除的组件实例。方法一：在页面内另起一个不带 setup 的script标签。
2025-04-10 11:28:55
1907
原创 vue3+elementPlus使用vuedraggable实现照片墙拖拽调整位置
1.简介：vuedraggable是一个可以实现元素拖拽的vue组件，该组件轻便、实用、简单易上手。通常用于各种表格、表单、看板、列表等功能中2.下载vuedraggable的命令下载成功后，可在package.json 文件中查看。
2025-03-17 13:45:54
588
原创 vue3+Ts+elementPlus二次封装Table分页表格，表格内展示图片、switch开关、支持
2.使用表格组件的页面文件（父组件）位置。1.表格组件（子组件）位置。elementPlus表格。
2025-03-17 10:37:10
1011
原创 Vue+elementUI表单input输入框回车时触发页面刷新问题解决方法
组件时，按下回车键默认会触发表单的提交行为。这是因为浏览器的默认行为是将回车键视为提交表单的快捷键。在 HTML 表单中，当表单内只有一个输入框时，按下回车键会触发表单的提交事件，从而导致页面刷新。以上两种方法均可以解决回车刷新页面问题，如有不足敬请指正。虽然最求的目标各不相同，但群星的轨道终将彼此交汇。在 <el-from> 标签里面添加 @submit.native.prevent ，这个。原理：当在 Vue 中使用 Element UI 的。修饰符可以阻止表单的默认提交行为，从而防止页面刷新。
2025-01-06 18:05:59
1377
原创 同时安装多个nodejs版本可切换使用，或者用nvm管理、切换nodejs版本（两个详细方法）
我们在工作和学习中，常常会接触不同的项目，而有些项目因为使用nodejs版本不同，在开发人员使用了不合适的nodejs版本时会出现各种报错或警告，甚至连项目都无法正常跑起来。下面本人介绍两个自己也在用的方法，希望能解决你的问题。
2024-05-10 18:53:24
11208
8
原创 vue+Echarts实现多设备状态甘特图
甘特图图表可能会不显示，原因一般是在获取到数据之前图表就挂载上了，然后数据更新后并没有更新图表数据。这里本人的方法是在获取到数据的后面调用挂载图表的函数，当然这肯定不是最好的方法。根据每个设备的不同的状态，和对应状态的持续时间渲染矩形。可鼠标滚轮图表和拉动下方蓝色的条条调节时间细节哦。（注：最后一个设备没有数据，所以不显示任何矩形）
2024-03-24 11:29:12
1939
原创 vue3中的:deep()深度选择器
scoped 属性是HTML5中的新属性，标签在加上了scoped属性时，样式实现组件私有化，父组件的样式不会渗透到子组件，不会造成局部或全局的污染。这个时候如果你想让样式中的一个选择器作用得更深（渗透到子组件），可以使用深度选择器::v-deep。
2023-11-15 13:10:55
12997
2
原创 json-server和postman的下载和简单使用方法
在当前路径打开命令行（cmd），运行.json文件。以在D盘路径为例，创建一个.json文件。运行后页面显示如下，代表成功，链接可访问。下载后打开，可以不登录，跳过即可。
2023-10-10 16:51:33
375
1
原创 vue基础之v-for和v-if优先级的问题
这样写会在控制台中出现警告，因为每次循环都会执行一次条件判断（先循环后判断），带来不必要的性能消耗。如果判断条件出现在循环的内部，可灵活运用计算属性computed过滤干扰项。避免不必要的性能消耗，可以采用嵌套写法。
2023-09-30 20:11:59
163
5
原创 vue打包以及服务代理配置
vue为什么要打包？打包是一个将代码和资源打包在一起的过程。它以一种可优化的格式、较小的文件尺寸、和组件的运行时环境构建项目。打包可以使应用程序更快地运行，更容易维护。如此一来，就完成了。
2023-07-19 08:40:43
616
6
原创 Vue中的自定义指令
el: 指令所绑定的元素，可以用来直接操作DOM。binding: 一个对象，包含指令的很多信息。vnode: Vue编译生成的虚拟节点。})},},el：指令绑定的元素binding：数据对象vnode：Vue编译生成的虚拟节点。
2023-07-07 21:05:32
149
3
原创 Vue3中vue-router钩子函数
1. router.beforeEach((to,from)=>{}),next是可选参数，可不写，return false是取消导航，如果返回值为true或者是undefined就是通过验证。2. router.afterEach((to,from)=>{}) 路由跳转之后，语法糖： to.fullPath 可以直接获取当前的URL路径及传参。vue-router4.0中取消了next，可以不写；(路由跳转之前拦截)
2023-07-03 09:45:20
1667
5
原创 什么是Promise,如何使用Promise
它最早由社区提出并实现，ES6将其写进了语言标准，统一了用法，并原生提供了Promise对象。它是一个对象，可以获取异步操作的消息，他的出现大大改善了异步编程的困境，避免了地狱回调，它比传统的解决方案回调函数和事件更合理和更强大。num>1 ，则触发catch，打印‘失败’。Promise实例生成后，可用catch方法指定一种状态回调参数（Promise对象状态改为Rejected时调用 ）可见，promise新建后立即执行，所以先打印‘111’，then在同步操作完成后才执行，所以‘222’在最后打印。
2023-06-30 19:42:29
230
1
原创 vue引入DataV时的报错解决办法 Internal server error: ＜template v-for＞ key should be placed on the ＜template＞ ta
报错信息：Internal server error: key should be placed on the tag.
2023-06-27 16:43:38
6099
4
原创 Pinia的使用、Pinia的持久化
目录一.Pinia的使用1.在项目中安装Pinia2.引入使用3.Pinia模块创建4.在页面中使用2.$patch传递一个对象来修改二. Pinia持久化。
2023-06-27 10:55:35
3188
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人