解决electron打包vue-element-admin项目页面无法跳转的问题

news/2024/4/28 7:28:41

解决electron打包vue-element-admin项目页面无法跳转的问题

说明之前通过这个教程已经打包成功,但是发现进行账号密码登录后页面无法跳转的问题。现在已经解决,所以记录一下。

1、检查路由模式是否为hash模式,如果不是改成hash模式。

new Router({mode: 'hash',
})

在这里插入图片描述
2、因为会使用 js-cookie的cookie,但是electron是不支持的,但是也不会报错,所以在登录成功以后读写cookie等操作会失败。

解决方法:就是不用 js-cookie了,用本地缓存替换。

在这里插入图片描述

3、在vue.config.js文件中,把productionSourceMap设置为true。这之后再重新打包放到electron-quick-start文件里就可以跳转了。

productionSourceMap: true, //设置为true,这里必须设置,否则token读不到还是无法跳转的

在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.cpky.cn/p/10819.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈,一经查实,立即删除!

相关文章

汽车控制臂的拓扑优化-abaqus操作过程

前言 本示例详细讲解使用abaqus实现汽车控制臂的拓扑优化的操作过程。 本页讨论 前言一、创建模型1.创建几何部件2.定义材料属性3.创建装配实体4.创建分析步5.创建相互作用6.创建边界条件及载荷7.创建分析作业并提交分析8.可视化后处理 二、设置优化1.创建优化任务2.创建设计…

鸿蒙Harmony应用开发—ArkTS声明式开发(容器组件:Swiper)

滑块视图容器,提供子组件滑动轮播显示的能力。 说明: 该组件从API Version 7开始支持。后续版本如有新增内容,则采用上角标单独标记该内容的起始版本。 子组件 可以包含子组件。 说明: 子组件类型:系统组件和自定义组…

学习vue3第五节(reactive 及其相关)

1、定义 reactive() 创建一个响应式代理对象,不同于ref()可以创建任意类型的数据,而reactive()只能是对象,会响应式的深层次解包任何属性,将其标注为响应式 响应式是基于ES6的proxy实现的代理对象,该proxy对象与原对象…

CAN总线协议:遥控帧与错误帧

一. 简介 通过 CAN 总线传输数据是需要按照一定协议进行的。CAN 协议提供了 5 种帧格式来传输数据:数据帧、遥控帧、错误帧、过载帧和帧间隔。 前面一篇文章学习了其中的一种数据帧传输格式:数据帧。文章如下: CAN总线协议:数…

Vue2(四):Vue监测数据的原理

一、先来看一个问题 添加一个按钮点击更新马冬梅的信息&#xff1a; <button click"gengxin">点击更新马冬梅的信息</button> methods:{gengxin(){this.person[1].name马老师,this.person[1].age50,this.person[1].sex男}} 下面这种方式就不能奏效&a…

10:00面试,10:06就出来了,问的问题有点变态。。。

从小厂出来&#xff0c;没想到在另一家公司又寄了。 到这家公司开始上班&#xff0c;加班是每天必不可少的&#xff0c;看在钱给的比较多的份上&#xff0c;就不太计较了。没想到8月一纸通知&#xff0c;所有人不准加班&#xff0c;加班费不仅没有了&#xff0c;薪资还要降40%…