解决 electron 打包 vue-element-admin 登录成功无法跳转

2,740 阅读1分钟

问题现象

学vue的,尤其是主业不是前段,想深入学习vue的 基本都看过这个头条的老哥写的开源项目

github.com/PanJiaChen/…

这个项目 如果用 electron打包 是会有个问题:

electron serve 运行没问题

electron build 打release 包 就会出错

出错现象:

登录成功以后 界面无法跳转

问题原因:

大部分vue 前段项目 会使用 js-cookie 这个库 来操作浏览器的cookie

然而这个库 在electron下 会无法使用 (最坑的是还没报错)

从而导致 登录成功以后 写cookie 读cookie的操作 全部失败

自然而然 登录无法跳转了

解决方案:

不使用该库 使用localStorage就行了吗

const TokenKey = 'Admin-Token'

// if (process.env.NODE_ENV === 'production') {
//   store = new Store()
// }

export function getToken() {
  return localStorage.getItem(TokenKey)
}

export function setToken(token) {
  return localStorage.setItem(TokenKey, token)
}

export function removeToken() {
  // if (process.env.NODE_ENV === 'production') {
  //   return store.delete(TokenKey)
  // }
  return localStorage.removeItem(TokenKey)
}