内容纲要

安装

vue3 已经支持 electron,不需要 https://github.com/SimulatedGREG/electron-vue 这个模板。

npm install -g @vue/cli
# OR
yarn global add @vue/cli

vue --version

创建 vue electron 工程

vue create my-app
vue add electron-builder
npm run electron:serve

尽量使用 cnpm,electron 的包特别大,下载慢。

中间安装 node-sass 数次失败,直接使用 cnpm install,然后运行

http

import axios from 'axios'
Vue.http = Vue.prototype.$http = axios

前端路径

  <img id="logo" src="~@/assets/logo.png" alt="electron-vue">

跨域问题

win = new BrowserWindow({
    width: 800,
    height: 600,
    webPreferences: {
      nodeIntegration: true,
      nodeIntegrationInWorker: false,   // web worker
      webSecurity: false   // 解决跨域
    }
  })

https 自定义证书验证问题

app.on('certificate-error', function(
  event,
  webContents,
  url,
  error,
  certificate,
  callback
) {
  event.preventDefault()
  callback(true)
})

参考

发表评论

电子邮件地址不会被公开。 必填项已用*标注