- 博客(10)
- 资源 (5)
- 收藏
- 关注
RSS订阅原创 vue-element-plus-admin（vue3）二次开发入门指南（9）-用Tauri v2打包成windows桌面程序(exe)访问后端自签名https API 问题
因为vue-element-plus-admin使用的axios做为封装API请求基础框架，无法直接使用tauri的tauri-plugin-http，根据二次开发入门指南（8）中的教程中的依赖，我们使用的是axios-tauri-api-adapter 是2.0.6 ，使用的tauri-plugin-http v2.3.0来达到访问后端API的目的。无法实现这种方式的调用，那我们只能通过修改command.rs的方式来实现调用自签名的https（对host和签名不作验证），修改如下，在。
2025-10-11 17:30:41
397
原创 vue-element-plus-admin（vue3）二次开发入门指南（8）-用Tauri v2把 vue-element-plus-admin打包成windows桌面程序(exe)安装包
引用自官网Tauri 是一个构建适用于所有主流桌面和移动平台的轻快二进制文件的框架。开发者们可以集成任何用于创建用户界面的可以被编译成 HTML、JavaScript 和 CSS 的前端框架，同时可以在必要时使用 Rust、Swift 和 Kotlin 等语言编写后端逻辑。构建应用所需的可靠基础（利用 Rust 提供的内存、线程和类型安全方面的优势）使用系统原生 webview（网页视图）带来的更小打包体积，不需要在每个应用中都打包一个浏览器引擎使用任何前端技术和多种语言绑定带来的灵活性。
2025-10-11 11:56:38
906
原创 vue-element-plus-admin（vue3）二次开发入门指南（7）-发布项目到nginx
因为是做测试使用，这里用前台启动的方式，方便观看日志文件，在实际发布中是用linux后台启动的方式用指令nohup java -jar your-application.jar > output.log 2>&1 &从下图可以看到，vite-element-plus-admin 项目有5套配置环境，除了base环境是开发外，其他的编译是过程都是一样的只是编译时加载的环境变量不同，我们这里只使用dev环境进行编译打包演示。在项目的根文件夹下面，找到env.dev配置环境文件，只需要修改标题，如下图所示。
2025-09-30 11:37:44
839
原创 vue-element-plus-admin（vue3）二次开发入门指南（6）-个人中心头像上传，基本信息和密码修改，屏幕锁定与解锁的头像显示，登录用户头像显示及自动刷新
找到找到src/views/Person/PersonCenter/components/EditInfo.vue 文件修改如下显示。在项目中找到文件src/components/UserInfo/src/components/LockDialog.vue。找到src/views/Person/PersonCenter/PersonCenter.vue 文件修改如下显示。在项目中找到文件src/components/UserInfo/src/UserInfo.vue。个人基本信息模型对象。
2025-09-29 11:18:54
545
原创 vue-element-plus-admin（vue3）二次开发入门指南（5）-在导航栏隐藏错误页面，使用动态路由锁定屏幕功能错误
在 Vue Element Plus Admin 框架中，隐藏动态路由在导航栏显示是一个常见需求。在实际应用中我们需要把错误页面在导航栏中隐藏 ，我们可以使用路由元信息（meta）来解决这个问题。由于我们是要把所有的错误页面都隐藏，只需要把错误的根导航栏的meta数据加 "hidden": true,的配置如下图ru。如果只是不让某一项子配置页面不显示，只需要在相应的页面配置的meta里添加"hidden": true,的配置。在后端的动态路由数据中找到错误页面的导航的配置如下图代码。
2025-09-26 15:00:51
156
原创 vue-element-plus-admin（vue3）二次开发入门指南（4）-修改前后端交互通用错误处理，开发环境访问自签名https后端
我们实际的开发业务，在前后端交互中错误一般会分为两类，一种实际业务错误，一种网络错误。结合我们上一篇文章中的通用返回模型，反应到http协议状态中：一种是http状态码是非200的错误另一种是http状态码是200的错误我们在设计中一般会对非200的一些错误做重新登录处理（比如请求http的token过期的情况）或者重定向到错误页面对于http状态码是200的业务错误，一般做重定向到具体的错误页面基于上面的理解我们做以下的通用设计1. 对于后端返回http 状态码 非200错误，
2025-09-26 14:00:10
395
原创 vue-element-plus-admin（vue3）二次开发入门指南（3）-修改登录模块，接口通用返回JSON模型 与后台进行交互
NOTE：我们看到我们定义后端URL路由的时候是以/config/console/api，这是为了同时支持mock和后端访问，因为在vite里设置的mock代理是以api开头的，为了区分没有以api开头，大家可以根据自己需要自己定义后端路径。修改欢迎词，只需要修改locales/zh-CN.ts 文件中被src-》views-》Login/Login.vue引用的的login.welcome和login.message 配置项。修改修改src-》views-》Login/Login.vue 文件内容如下。
2025-09-25 17:40:46
1253
原创 vue-element-plus-admin（vue3）二次开发入门指南（2）-修改开发启动端口，改项目名等配置项，删除启动页面提示
在项目根目录下找到vite.config.ts文件并修改server标签下的port数值注意：这个是本地开发的端口，等讲解发布的时候再详细介绍，如果端口末尾是0，启动端口会自动加1（很奇怪的问题）再浏览器输入得到如下图所示。
2025-09-25 11:29:04
493
原创 vue-element-plus-admin（vue3）二次开发入门指南（1）-准备工作
存放代码的目录及所有父级目录不能存在中文、韩文、日文以及空格，否则安装依赖后启动会出错。在登录页面里，填入用户名admin 和密码admin 进入页面展示。本文不详细讨论以上程序安装过程，详细安装过程请自行搜索文章安装。在项目根目录下，打开命令窗口执行，耐心等待安装完成即可。在浏览器输入上面local的url登录页面如下图所示，进行依赖安装（若其他包管理器安装不了需要自行处理）。安装依赖时 husky 安装失败。，可以用下面命令来进行全局安装。直接下载的，直接下载是没有。如果你使用的 IDE 是。
2025-09-25 10:19:04
515
原创 龙芯 3A6000 安装open euler（欧拉）24.03 LTS SP1 linux操作系统
注意：这里可以选择offine standard ISO 版本，如果是当作生产机，建议下载offine everything版本，因为龙芯指令集并没有线上的dnf源，在实际管理中，可用把所有的安装包建立一个本地源的文件夹，来使用dnf命令来管理安装包。回车后会进行下面操作， cd /dev 并且使用ls命令，会有下图所示记住sda 和sda4.（不用的硬件可能有区别，本人的是sda4，在安装过程容如果有有多个sda[x], 可以通过插拔通过插拔U盘分别执行。1. 在安装之前，需要使用UltraISO（
2025-02-24 10:25:50
3772
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人