electron打包Vue前端(修正版)

devtools/2024/11/14 12:53:50/

electron_0">electron打包部署到本地问题

前提条件:部署一个单机应用,前后端都放置在本地!!!

根据 electron打包Vue前端 教程打包后运行错误分析

1. 账号密码无法正确显示

位置
src/views/login.vue

表单

loginForm: {username: "admin",password: "admin123",rememberMe: false,code: "",uuid: ""},

源码中预设了 username、password和rememberMe的值
但界面无法正常显示(如下图所示)

在这里插入图片描述

解决方案

getCookie() {const username = localStorage.getItem("username");const password = localStorage.getItem("password");const rememberMe = localStorage.getItem('rememberMe');this.loginForm = {username: username === null ? this.loginForm.username : username,password: password === null ? this.loginForm.password : decrypt(password),rememberMe: rememberMe === null ? false : Boolean(rememberMe)};
},

修改后
在这里插入图片描述

2. 退出登录错误

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
位置
src/utils/request.js

修改前

if (code === 401) {if (!isRelogin.show) {isRelogin.show = true;MessageBox.confirm('登录状态已过期,您可以继续留在该页面,或者重新登录', '系统提示', { confirmButtonText: '重新登录', cancelButtonText: '取消', type: 'warning' }).then(() => {isRelogin.show = false;store.dispatch('LogOut').then(() => {location.href = '/index';})}).catch(() => {isRelogin.show = false;});
}

修改后

if (code === 401) {if (!isRelogin.show) {isRelogin.show = true;MessageBox.confirm('登录状态已过期,您可以继续留在该页面,或者重新登录', '系统提示', { confirmButtonText: '重新登录', cancelButtonText: '取消', type: 'warning' }).then(() => {isRelogin.show = false;store.dispatch('LogOut').then(() => {location.href = '/#/login';// 或者// location.href = '/';})}).catch(() => {isRelogin.show = false;});
}

http://www.ppmy.cn/devtools/5282.html

相关文章

个人开发者,Spring Boot 项目如何部署

今天给大家分享一下,作为个人开发者,Spring Boot 项目是如何部署的。 环境介绍 Linux docker docker-compose 目录结构 erwin-windrunner - backups - data - jars - build-docker-compose.sh - docker-compose.yml - Dockerfile文件 Dockerfile …

Flask vs FastApi 性能对比测试

Flask和Fastapi都是Python下流行的Web框架,前者有大量拥趸,是一个老牌框架,后者相对较新,但是利用了异步技术和uvloop,都说性能比Flask好很多,于是就我就对比实测一下。由于Windows下不支持uvloop&#xff…

burp弱口令爆破

暴力破解 通过枚举用户名或脆弱口令获取当前系统的认证信息,还有信息系统中参数、 url ,常见的认证: ssh\ftp (明文) \telnet\rdp\smtp\snmp\pop3\http (明文) 强口令: 8 位以上…

WPF: XAML语法规范详解

WPF(Windows Presentation Foundation)是.NET框架的一个组成部分,用于构建桌面应用程序的用户界面。XAML(Extensible Application Markup Language)是一种基于XML的标记语言,用于定义WPF应用程序的界面和逻…

Windows 下 bat 脚本调用 Git bash 环境 sh 脚本

1、先找到 Git 安装目录 D:\Install\Git 2、Git bash 编写 sh 脚本 start.sh脚本 3、编写 start.bat脚本 echo offcd /d %~dp0 "D:\Install\Git\bin\sh.exe" --login -i -c "./test/start.sh"pause4、执行 bat 脚本 双击 start.bat 我们下期见&#xf…

设计模式---模板方法模式

一、介绍 所谓模板方法模式,就是提供一种方法的模板来实现一种规范,其他人可以利用这个模板定义自己的逻辑。 在Java编程中的应用,主要就是通过接口或者抽象类来实现的,抽象类中可以把逻辑函数声明为final类型,表示不能…

阿里云云效CI/CD配置

1.NODEJS项目流水线配置(vue举例) nodejs构建配置 官方教程 注意:下图的dist是vue项目打包目录名称,根据实际名称配置 # input your command here cnpm cache clean --force cnpm install cnpm run build 主机部署配置 rm -rf /home/vipcardmall/frontend/ mkdir -p /home/…

简单的LRU本地缓存实现-Java版本

文章目录 什么是缓存缓存的种类缓存的关键特性缓存的优势与挑战优势:挑战: 缓存的应用场景什么是LRUCacheLRU 缓存的工作原理核心操作为何选择 LRU使用场景 一个简单的LRU缓存实现相关资料基础资料 什么是缓存 缓存(Cache)是一种…