electron打包vue-element-admin无法跳转问题总结

1. Vue-Router模式

export default new Router({
 mode: 'hash', //这里history修改为hash
 scrollBehavior: () => ({y: 0}),
  routes: constantRouterMap,
})

2.\src\utils\auth.js下使用Cookies

参考Cookies的博客如下：

问题原因：
大部分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)
}

3.修改config下面的index.js中bulid模块导出的路径

 build: {
    //省略...
    assetsPublicPath: './',  //修改此处
    productionSourceMap: true,//设置为true，这里必须设置，否则token读不到还是无法跳转的
    //省略...
}