electron-vue 项目启动动态获取配置文件中的后端服务地址

最近的项目迭代中新增一个需求，需要在electron-vue 项目打包之后，启动exe 可执行程序的时候，动态获取配置文件中的 baseUrl 作为服务端的地址。electron 可以使用 node 的 fs 模块来读取配置文件，但是在项目打包之后项目的静态资源都会被编译成其他文件，本文来记录下相关实现和知识点。

这里需要注意 electron-builder 中两个常用的配置选项：extraResources 拷贝资源到打包后文件的 Resources 目录中，extraFiles 拷贝资源到打包目录的根路径下，这里使用extraResources ,其中 from 表示需要打包的资源文件路径，to 值为 “/” 表示根路径。

代码如下：

打包之后配置文件会被拷贝过来

同样，页面也能拿到对应的数据，这样就可以通过修改配置文件，动态修改连接服务端ip了。

文章来自是什么Vuejs 是目前最火的一个前端框架，除了可以开发网站，还可以开发手机App。Vuejs 是前端的主流框架之一，和Angularjs、Reactjs 一起，并成为前端三大主流框架。Vuejs 是一套构建用户界面的框架，只关注视图层，它不仅易于上手，还便于与第三方库或既有项目整合。Vuejs 是一套用于构建用户界面的渐进式框架。2、Vue的特点遵循 MVVM 模式编码简洁，体积小，运行效率高，适合移动/PC 端开发它本身只关注 UI, 可以轻松引入 vue 插件或其它第三库开发项目3、Vue与其他前端框架的关系借鉴 angular 的模板和数据绑定技术借鉴 react 的组件化和虚拟 DOM 技术4、Vue的现有插件vue-cli: vue 脚手架，用于搭建项目的骨架vue-resource(axios): ajax 请求vue-router: 路由vuex: 状态管理vue-lazyload: 懒加载vue-scroller: 页面滑动相关mint-ui: 基于 vue 的 UI 组件库(移动端)element-ui: 基于 vue 的 UI 组件库(PC 端)5、学习Vue的思想改变

Vue的中心思想是数据驱动，像远古时代的老前辈jQuery是结构驱动。

大家回忆下以前我们使用jQuery写代码的时候，经常是这样写的：

$("#myDiv")html("HelloWorld");

这些写法首先要获取Dom节点，也就是Dom结构，然后再修改数据更新结构的内容，使用jQuery的一个很大的目的就是为了去简化Dom的 *** 作，而使用Vue就大不一样了，Vue的做法就是直接thismsg=HelloWorld，然后msg就会自动的同步到结构上，我们所要关心的是数据内容的改变，而不再去关心如何 *** 作Dom结构了。

总结一句话：不要在想着怎么 *** 作DOM，而是想着如何 *** 作数据!!

以上就是关于electron-vue 项目启动动态获取配置文件中的后端服务地址全部的内容，包括:electron-vue 项目启动动态获取配置文件中的后端服务地址、号称目前最火的前端框架Vue，它有什么显著特点呢、等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！