将Vue放入Electron，打包成桌面应用

vue-element-admin

1. 修改 publicPath 避免打包后路径不对，不改打包后的index.html打不开。

在vue.config.js文件， module.export中

将  publicPath: '/',

修改为  publicPath: './'

2. 修改auth.js文件的cookie为sessionStorage，Electron不认识cookie 搜索 auth.js 文件

import Cookies from 'js-cookie'

const TokenKey = 'Admin-Token'

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

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

export function removeToken() {
  return sessionStorage.clear(TokenKey)
}

Electron

1. 按照官网配
2. 在 main.js 入口文件使Electron认识Node

    webPreferences: {
    //   preload: path.join(__dirname, 'preload.js'),
      nodeIntegration: true
    }

详细配置Electron

更换icon

1. 打包命令后面必须加icon。
2. 不能用程序的name当做应用名，如果要用必须加双引号，否则不给换icon。

  "scripts": {
    "start": "electron-forge start",
    "pack": "electron-packager . test --arch=x64  --out=./out --asar --app-version=0.0.1 --icon=favicon.ico",
    "package": "electron-forge package"
  },
    "build": {
    "appId": "com.baidu.www", 
    "win": {
      "icon": "favicon.ico"
    }
  },