electron-vite工具打包后通过内置配置文件动态修改接口地址实现方法

系列文章目录

electron+vite+vue3 快速入门教程

---

前言

使用electron-vite 工具开发项目打包完后每次要改接口地址都要重新打包，对于多环境切换或者频繁变更接口地址就显得麻烦。如果能在安装目录添加一个可配置文件，通过修改配置文件内容改变接口地址问题将迎刃而解。这里记录下一种实现方法。

---

一、实现过程

1、配置文件（json格式）放置resources资源文件夹下，将同步打包到应用内部，安装后可在安装目录找到
2、启动应用时在App.vue通知主进程通过node fs模块读取配置文件接口地址，并缓存到本地
3、接口请求封装文件（axios）baseURL从本地缓存获取

二、代码演示

1.resources/env.json

{
   
   
  "baseUrl":"http://192.168.2.xxx:xxxx"
}

新建一个json文件内置接口地址

2.App.vue

<script setup>
import {
   
    ref, onBeforeMount } from 'vue'
onBeforeMou