报错记录：element-admin框架打包后静态文件加载异常与登录异常解决方案

痛定思痛。 2023-09-24 20:54 5阅读 0赞

## 报错记录：element-admin框架打包后静态文件加载异常与登录异常解决方案 ##

## 一、静态文件加载异常解决方案 ##

![在这里插入图片描述][aa0bd01c9abe44a68d315944967bff42.png]

## 二、登录异常解决方案 ##

### 现象 ###

> element-admin如果用 electron 打包 是会有个问题：
> 
> electron serve 运行没问题
> 
> electron build 打release 包 就会出错
> 
> 出错现象：
> 
> 登录成功以后 界面无法跳转

### 原因： ###

> 大部分vue 前段项目 会使用 js-cookie 这个库 来操作浏览器的cookie
> 
> 然而这个库 在electron下 会无法使用 （最坑的是还没报错）
> 
> 从而导致 登录成功以后 写cookie 读cookie的操作 全部失败
> 
> 自然而然 登录无法跳转了

### 解决方案 ###

#### 1、找到src/utils目录下的auth.js文件 ####

![在这里插入图片描述][5c14a19f1f3f41fc901155a50f3273ca.png]

#### 2、修改文件：不使用该库，使用localStorage就行了 ####

// import Cookies from 'js-cookie'
    
    const TokenKey = 'Admin-Token'
    
    export function getToken() {
        
      // return Cookies.get(TokenKey)
      return localStorage.getItem(TokenKey)
    }
    
    export function setToken(token) {
        
      // return Cookies.set(TokenKey, token)
      return localStorage.setItem(TokenKey, token)
    }
    
    export function removeToken() {
        
      // return Cookies.remove(TokenKey)
      return localStorage.removeItem(TokenKey)
    }

## 参考文章：[解决 electron 打包 vue-element-admin 登录成功无法跳转 - 掘金 (juejin.cn)][electron _ vue-element-admin _ - _ _juejin.cn] ##

[aa0bd01c9abe44a68d315944967bff42.png]: https://img-blog.csdnimg.cn/aa0bd01c9abe44a68d315944967bff42.png
[5c14a19f1f3f41fc901155a50f3273ca.png]: https://img-blog.csdnimg.cn/5c14a19f1f3f41fc901155a50f3273ca.png
[electron _ vue-element-admin _ - _ _juejin.cn]: https://juejin.cn/post/6911937622986686477