程序员的成长之路
欢迎关注我的公众号【程序员的成长之路】,回复【2048】可以领取资料。
展开
-
Vue3 - 项目配置多环境配置文件
最常见的多环境配置,就是开发环境配置,和生产环境配置(也就是上线的配置),很多情况下我们开发环境下的域名,和一些配置项,和我们生产模式下的不同,这个时候就需要我们进行多环境配置,不然每次发版都要改一波数据多麻烦。另一种情况就是你两个项目是用的一套代码,但是最后又要分别打成不同的包,那么这个时候多环境配置就大大提升了开发效率。原创 2024-05-14 10:35:02 · 496 阅读 · 0 评论 -
Vue3 - 修改浏览器标题 htmlWebpackPlugin.options.title 的值
配置项来访问 webpack 的配置,然后找到 HtmlWebpackPlugin 的插件实例,并修改它的。是 HtmlWebpackPlugin 的一个选项,用于设置生成的 HTML 文件的标题。在 Vue CLI 4.x 中,在这个示例中,我们使用。选项为你想要的新标题。文件来修改这个选项。将修改后的配置返回。原创 2024-05-11 19:11:00 · 191 阅读 · 0 评论 -
Vue3 - 线上项目怎么加 debugger 防止调试(简易版)
vue项目build后,debugger 会被删除,这里可以很方便让你实现这个逻辑。原创 2024-05-11 17:30:34 · 50 阅读 · 0 评论 -
Vue3 - 前端项目代码防止被调试/被爬,阻止浏览器F12开发者工具
大家都知道浏览器的开发者工具能干啥,正经的用法:开发时调试代码逻辑,修改布局样式;不正经的用法:改改元素骗骗人,找找网站接口写爬虫,逆向js破解加密等等,所以说前端不安全,永远不要相信用户的输入。先用debugger关键字阻止你进行任何操作,随后,在你关闭之后,又直接跳转到空白页,不让你接着操作。前端代码防止被调试,无非就是打开控制台,卡住页面不让他往下走。1、打开控制台,无限debugger。3、打开控制台,重定向到新的页面。2、打开控制台,无限加载。如何破解这个现象呢?原创 2024-05-11 16:28:20 · 72 阅读 · 0 评论 -
Vue3 - 项目中使用 debugger 在 chrome 谷歌浏览器中失效
在 Vue 应用中,debugger;语句用于在代码中设置断点,以便在浏览器的开发者工具中进行调试。这个语句会使得代码在执行到这一行时停止,你可以查看当前的变量值、调用堆栈等信息。原创 2024-05-11 15:30:16 · 104 阅读 · 0 评论 -
Vue3 - Element Plus 组件库让 [el-radio 单选框] 与 [el-checkbox 多选框] 由 “横向排列“ 改为 “纵向排列“ 显示
在 Vue.js 中,使用 Element Plus 组件库可以轻松地构建出美观、功能强大的用户界面。其中,el-radio和组件是常用的单选框和多选框组件,在很多场景中都能发挥重要作用。在默认情况下,它们通常是横向排列的,这在某些场景下可能不够灵活。本文将介绍如何将这两个组件的排列方式改为纵向,以满足更多样化的需求。原创 2024-05-11 11:26:36 · 166 阅读 · 0 评论