创建vue+electron+接口请求

首先，你需要先安装 Node.js 和 Vue CLI，然后执行以下步骤：

1. 创建一个基于 Vue CLI 的项目，可以使用以下命令：

vue create my-electron-app

2. 安装 electron 和 electron-builder：

npm install --save-dev electron electron-builder

3. 在项目根目录下创建一个 main.js 文件，用于 Electron 的主进程：

const { app, BrowserWindow } = require('electron')

let mainWindow

function createWindow () {
  mainWindow = new BrowserWindow({
    width: 800,
    height: 600,
    webPreferences: {
      nodeIntegration: true
    }
  })

  mainWindow.loadURL(process.env.NODE_ENV === 'development'
    ? 'http://localhost:8080'
    : `file://${__dirname}/index.html`)

  mainWindow.on('closed', () => {
    mainWindow = null
  })
}

app.on('ready', createWindow)

app.on('window-all-closed', () => {
  if (process.platform !== 'darwin') {
    app.quit()
  }
})

app.on('activate', () => {
  if (mainWindow === null) {
    createWindow()
  }
})

4. 在 package.json 中添加以下脚本：

{
  "scripts": {
    "electron:serve": "vue-cli-service electron:serve",
    "electron:build": "vue-cli-service electron:build"
  }
}

5. 在 src 目录下创建一个 api.js 文件，用于封装接口请求：

import axios from 'axios'

const instance = axios.create({
  baseURL: process.env.VUE_APP_API_BASE_URL
})

export default {
  get: (url, params) => instance.get(url, { params }),
  post: (url, data) => instance.post(url, data)
}

6. 在项目根目录下创建一个 .env 文件，用于存储 API 的基础 URL：

VUE_APP_API_BASE_URL=http://localhost:3000

7. 在组件中使用 API：

import api from '@/api'

export default {
  data () {
    return {
      items: []
    }
  },

  mounted () {
    api.get('/items').then(response => {
      this.items = response.data
    })
  }
}

最后，你可以使用以下命令启动 Electron 应用程序：

npm run electron:serve

或者使用以下命令构建可分发的应用程序：

npm run electron:build