autoload:true, filename: path.join(remote.app.getPath('userData'), '/data.db')//指定数据库文件路径//路径参考https://www.w3cschool.cn/electronmanual/electronmanual-electronapp.html}) main.js import Vue from 'vue'import axios from'axios'import App from'./App'import router from'./router'/...
这里在vue的组件中使用ipcRenderer先向主进程发送一个获取人物信息的请求, 效果: 其实关于文件的写入也是相同,只不过是渲染进程直接向主进程发送数据即可。 虽然这应该是一个比较简单的 api 实现,但是在过程上要注意各种配置,否则极容易出现报错,这时候就要去网上搜索解决方案了...
三、如何让我们项目中的配置文件--打包安装后--仍旧允许我们访问并且读写呢? 3.1、extraResources 这里需要用到electron的打包额外资源配置extraResources 它允许我们打包安装后--仍可以访问并且读写配置中的文件目录 3.2、这是我想要读写的配置文件的位置 image.png 3.3、找到vue.config.js--把我的配置文件目录配置为...
首先我们创建一个Vue项目,想必这个大家都非常熟悉了。 vue create electron-demo 前段时间我们介绍过Vue3项目的搭建过程了,这里我们选择Vue2项目 正常run起来之后我们就能看到初始化项目界面了 集成Electron 在项目目录下面,我们执行以下命令来安装插件vue-cli-plugin-electron-builder vue add vue-cli-plugin-electron-bu...
vue-cli@3 + electron开发一款本地小说阅读器(五) 一、关于上一篇遗留下来的中文乱码的问题 1、用到iconv-lite npm i iconv-lite -s -d 2、关于报错_webpack_require()的解决方法 到node_modules中找到iconv-lite文件夹,lib文件夹,打开index.js,最下方有两个require的后一个参数括号去掉,如下: ...
1:静态资源目录访问不了,想访问放在static目录下的静态资源,使用express指定静态目录访问不到,解决办法:使用electron-vue配置的__static这个全局变量可以访问到: url: __static+'/pdf/pdf/web/viewer.html?file='+__static+'/pdf/2.pdf' 1. 2:访问本地目录读写文件,可以在vue文件内直接使用fs,windows下路径...
原生get请求读取本地json文件,electron vue 1 readLocalFile(fileUrl) { 2 let xhr = null 3 if (window.XMLHttpRequest) { 4 xhr = new XMLHttpRequest() 5 } else { 6 // eslint-disable-next-line 7 xhr = new ActiveXObject('Microsoft.XMLHTTP') 8 } 9 const okStatus = document.location....
将文件放到工程public文件中,Electron只能读取相应文件,并不能写入,根据Electron的文档,这里用到了extraResources配置,工程是按照Electron集成vue开发此设置,这个属性需要在vue.config.js中进行配置,extraResources中可以配置一个或者多个文件,对照下图的配置,需要将对应的配置文件放在工程的根目录中。
例如,可以使用 Node.js 的文件系统模块(fs)来读写本地文件。它能够让应用在 Windows、Mac 和 Linux 等不同操作系统上保持一致的用户体验。通过 Electron,一个代码库可以打包成不同平台的可执行文件。Electron 简介Vue3 特点及优势结合方式 AI 在 Electron + Vue3 应用中的集成 智能客服聊天机器人:在 ...