- 博客(22)
- 问答 (5)
- 收藏
- 关注
RSS订阅原创 vite配置的vue3项目中vite.config.ts配置的代理没有生效
项目情况是封装了axios，同时在里面赋值了axios的baseURL，然后跟后台调试新模块的时候发现要走另外一个服务就在vite.config.ts中配置了一个新的代理，通过简单调试发现axios的baseUrl优先级是高过vite.config.ts中的代理，导致代理没有生效
2025-10-11 11:10:00
163
原创 vue3.0 + TypeScript 中使用 axios 同时进行二次封装
项目背景是vite搭建的vue3.0 + TypeScript 的项目，需要统一处理和统一维护就对axios进行了二次封装
2025-07-31 17:21:09
387
原创 vue3.0 +TypeScript 项目中pinia基础语法和使用
场景是采用vite搭建的vue3.0+ts项目，官方更推荐使用pinia这个状态管理工具，现在就开始学习记录一下
2025-07-31 15:50:56
225
原创 vue中使用v-for循环生成element中的表单组件，下拉框和单选框操作数据和视图不会更新
场景是在项目中用特定的数据结构去循环生成element中的表单组件，其中涉及 el-select 选择器 el-radio 单选框，使用v-for动态生成后给组件赋值默认值，成功赋值后进行操作发现 el-select 选择器 el-radio 单选框的视图和绑定的数据都没有更新（绑定的数据输出到页面上查看也没有更新），在页面上对生成的其他组件例如输入框，输入内容后， el-select 选择器 el-radio 单选框的视图和数据才会更新，尝试 this.$forceUpdate() 强制更新也不行。
2024-12-30 16:14:14
354
原创 TypeScript项目打包时提示引入的js插件类型错误 Could not find a declaration file for module ‘*****‘
解决办法可以通过 npm install 去下载，前提是有这个类型声明，也可以自己编写一个声明文件，我这里只说最快的一种，增加注释 // @ts-ignore。这种方法会丢失类型安全性，因为它告诉 TypeScript 忽略 jsmind 的类型错误，希望可以解决大家的问题。原因是因为在TypeScript中无法找到该库的声明文件时，就会出现这种错误。
2024-12-19 11:08:16
413
原创 微信开发者工具中报错Component is not found in path “wx://not-found“.(env: Windows,mp,1.06.2409140； lib: 3.6.1)
第一次写小程序就遇见了这个问题，去百度发现大家好像都没有遇见，调试了一会后发现了问题的所在，就是你不能将展示的那个页面的 xxx.js 文件删空了，默认创建的时候的page函数不能删除，否则就会提示这个错误，这个页面就会加载不出来。
2024-10-18 17:46:10
5473
6
原创 vite+vue3.0打包后部署到nginx服务器上一部分路由跳转返回404
问题就是跟描述一样，前期怀疑是自己命名问题或者vite中配置没对，看了很多文章也尝试了很多次发现都不行，最后才怀疑是nginx的问题，然后在配置中添加这一句就行了，真是当了一回冤大头。
2024-07-30 18:16:34
614
原创 谷歌浏览器访问网站超时，其它浏览器可以访问
在网上搜了很久，各种重置网络和重新安装软件，甚至一度怀疑是更新后的系统和谷歌浏览器兼容出现的新bug。就完美解决了，希望能够解决大家的问题。解决思路：打开谷歌浏览器设置找到。
2024-03-10 20:04:40
2793
原创 Vue中使用mqtt 过程和报错
操作过程的话我就直接给大家放博客了，我也是按照他这个来的MQTT在Vue中的使用和测试本人遇见的问题是，后端同时在跟一个前端两个客户端进行对接，客户端那边是 mqtt 方式连接前端页面按照哪个客户端的路径和端口链接就会链接失败host:'mqtt://***.***.**/mqtt') 页面提示报错显示的路径是 ws://test.mosquitto.org/mqtt查看资料后发现，前端页面不能通过mqtt 这种方式连接 只能通过ws然后后端重新测试就没问题了，就能连接上了然后搜索MQTT
2020-09-28 17:57:02
2516
原创 Vue-pako gizp解压，中文乱码解决
项目中后端返回数据为加密的，需要gizp解压，发现可以使用pako来进行解压npm install pako // 这里进行下载在你需要使用的页面或者全局导入import pako from 'pako' 网上搜到的方法都是复制粘贴基本上都是这样使用的unzip(response.data)function unzip(b64Data) { var strData = atob(b64Data) var charData = strData.split('').map(f
2020-09-25 19:17:11
2168
3
原创 给回车绑定登录事件，Vue路由会自动拼接一个?号而且不会跳转，需要第二次触发登录才会成功跳转
最近在项目中添加一个element的输入框，为登录的输入密码使用同时这个登录的事件是绑定了回车的，按下回车就会自动登录 从登录页面跳转到首页查看控制台发行提示警告 Password field is not contained in a form百度的说法是需要加一个 form 标签包裹这个input 就不会提示,实际操作后<form style="width:100%;"> <el-input size="small" v-model="password" placeho
2020-09-17 17:11:10
624
1
原创 Vue中绑定键盘事件，非修饰符
在Vue的生命周期中给全局绑定这个事件，然后再去进行判断created(){ let that = this; document.onkeydown = function (e) { let key = window.event.keyCode; if (key === 13){ that.LoginClick(); // 这里去触发我们想要的事件就好了 } }}要记得后面解绑哦，不然每次进入登录页面就会给键盘绑定上登录事件，
2020-09-15 20:16:21
411
原创 Vue中axios请求导致status为canceled
这个的原因是浏览器端取消了这次的请求然后去百度百度的时候给出的大部分例子都是ajax请求，并且都说的是因为from中的 “submit” 改为 “button”就可以了自己尝试了一下之后发现根本不是这个问题 是因为自己封装的axios中规定了请求的时间，然后你的后端返回数据的时候时间过长，到了规定的时候没有返回数据，就按照你规定的时间给你取消了axios.defaults.timeout = 1000000; // 把这里事件改大一点就好了...
2020-07-21 16:23:50
3378
原创 在VUE中集成 keycloak 来做单点登录
这几天改进的VUE一个项目，需要增加单点登录功能，后端把需要的都给写好了，其中包括keycloak的服务配置，按照要求写好了之后发现有问题，晚上查阅了很多资料，都没有遇见类似的，最后没办法，自己本地配置服务，连接自己的keycloak才没有问题查阅过程中发现部分文章不是很全面，就打算借花献佛，一套流程走一遍，这里就不给大家介绍了，直接上过程吧keycloak 官网入口https://www.keycloak.org/downloads按照你的需求下载你需要的安装包(我下载的10.0.2版本)然后按
2020-06-17 19:46:22
7452
7
原创 VUE 中获取this.$refs为undefined
最近在修改bug的时候，需要获取到dom元素进行操作条件是通过屏幕宽度来改变获取到dom元素的定位位置，我选择通过JS的方式去改变HTML代码<div ref = "mydiv"></div>JScreated(){ console.log(this.$refs.mydiv)}控制台打印的时候为undefined然后开始检查字母和用法，发现都没有问题，就只有在 methods 函数里面也打印一下，这个时候发现打印就完全没问题，也得到我想得到的了，那问题应
2020-06-15 14:45:35
1625
原创 CSS 渲染内容超出一行末尾就显示省略号
CSS 渲染内容超出一行末尾就显示省略号div{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}加入以上这行代码没用的时候你就需要将元素转为块元素div{ display: block; /* 转换一下元素就好了 */ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}...
2020-05-15 16:48:01
311
原创 Vue兼容IE浏览器
之前知道有这个插件，就打算去弄，百度大家的用法发现一直报错，或者根本就不行而且大家都是改了babel.config.js这个文件后面自己尝试了一下发现根本就不用改babel.config.js文件，直接下载和mian.js中直接用就好了下载npm install babel-polyfill -s在mian.js中import ‘babel-polyfill’项目根文件中的babel....
2019-12-30 16:11:32
291
原创 Vue中axios拦截器post方式加不上请求头
今天写项目封装axios中发现一个问题，开始给get自定义加请求头没问题config.headers = {‘language’:‘Chinese’};，访问的通数据也及时返回了后面写post请求需要加一个config.headers = {‘Content-Type’:‘application/x-www-form-urlencoded’};就发现服务器500，报错了，去控制台查看的时候发...
2019-12-18 16:45:40
1647
原创 Vue中手机发送验证码倒计时功能
最近接触到的项目中就需要用到这么一个功能HTML代码<div class="Phone"> <el-input placeholder="请输入手机号" v-model="Phone"></el-input> <el-button :disabled="!this.codeObj.status" @click="getCod...
2019-12-12 17:22:49
219
原创 当你不使用button作为按钮时候，鼠标双击当前元素会选中它的文本
当你给一个标签例如div,p,span当做按钮用,中间是文本内容的时候，它双击就会被选中它就会被选中，这个时候你需要给当前元素添加一个属性就可以了onselectstart=‘return false’;...
2019-12-10 20:45:45
355
空空如也
Vue 中使用el-input type="textarea" 怎么阻止默认换行行为
2020-09-29
CSS 修改滚动条样式后 滚动条左边会出现一条白边，审查元素根本没有
2020-09-16
在VUE项目中集成keycloak，进入登录页面登录成功后，返回页面会一直反复刷新
2020-06-17
TA创建的收藏夹 TA关注的收藏夹
TA关注的人