electron修改本地⽂件_【Electron】开发中的⼀些问题
近⽇在开发⼀个本地⾳乐播放器(或许⽇后会加个某易云)，技术栈是Vue+vue-cli-plugin-electron-builder 。开发过程中也遇到了⼀些问题，现在拿出来跟⼤家分享⼀下。
01
—
在Vue页⾯中正常引⽤Electron⽅法
其实之前没有这个问题的，这次出现了。经过我的测试以及多⽅查，最终在Github了解决办法，原因是nodeIntegration需要开启，以提供完整的node⽀持，当然这⾥⼜涉及安全性的问题。到fig.js，写⼊：
02
—
关于浮动和定位的问题
我们有时可能会同时使⽤float和position，这⾥要分⼏种情况。我们知道CSS有四种定位：position: absolute/relative/fixed/static，其中absolute和fixed是脱离普通⽂档流的。我们的float:right/left也是脱离普通⽂档流的。
当我们已经使⽤position:absolute/fixed时，元素已脱离⽂档流，再对元素应⽤float失效。我们应⽤position:absolute/fixed时候，由于元素已不占据空间，如果需要确定元素位置，可以使⽤top/bottom/left/right。
如果使⽤float来确定位置，此时元素占据空间，我们可以使⽤margin/padding。
另外，个⼈很推荐使⽤flex布局，因为⽐较⽅便。
03
—
读取本地⾳频
我们知道，chrome⽆法直接加载本地资源，所以读取⾳频⽂件的是时候会出现Not allowed to load local resource，然后我们可能会想
到将主进程⾥⾯的
webSecurity设置为false，但是这样会出现新的问题：Failed to load resource: net::ERR_UNKNOWN_URL_SCHEME，所以最好且最
安全的⽅法是创建⼀个⾃定义协议，然后使⽤该协议来加载⽂件。我们到('ready', async () => {}，然后进⾏修改：
const protocolName = 'ngsf' //⾃定义协议名  isterFileProtocol(protocolName, (request, callback) => {    const url = place(`${protocolName ⼀番操作时候，就可以正常加载本地资源了
04
electron vue教程—
其实还踩了很多坑，咱们下回分解(￣▽￣)"

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。