【electron学习笔记】electron之打包程序file路径的刷新页面处理
source link: https://blog.51cto.com/u_15345191/5367120
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
【electron学习笔记】electron之打包程序file路径的刷新页面处理
原创问题从何而来
在做解除摄像头设备占用时，遇到了一个棘手的问题，就是视频窗口页面有太多的 video 标签交错使用。
利用 stream.disposeMediaStream() 这种方法已经无法有效关闭占用摄像头的权限，于是想到通过 “退出视频窗口进行刷新” 的方式来解决摄像头设备被占用的问题。
刷新的几种方法
1.this.$router.go(0)
go 函数的用法需要带参数，例如 go(-1) 表示返回上一页，go(0) 跟第2种方法差不多。
2.location.reload()
重新加载页面。
3.provide/inject
在 App.vue，声明 reload 方法，控制 router-view 的显示或隐藏，从而控制页面的再次加载。
使用 file 模式的访问方式
以上几种方法在 dev 开发环境下，利用 http 路径访问是没有问题的。
但经过打包处理后，访问的路径改为 file 模式，那以上的刷新就会直接再次去访问 index.html 文件，等于回到了首页，并没有停留在之前的页面，所以需要做一些处理来解决这个问题。
1、利用 electron-store 插件来缓存登录数据
将登录状态记录下来，如下：
2、返回页面，进行刷新释放摄像头设备
3、进入到登录页，脚本自动登录
使用 getUserMedia 调用过的摄像头设备，若出现无法释放的情况，大家可以尝试这种方法。以上就是本期刷新 electron 页面的分享，希望能给大家带来帮助。
下期给大家分享更多实战中的点滴，如果大家对此感兴趣，欢迎各位关注、留言，大家的支持就是我的动力！
- 赞
- 收藏
- 评论
- 分享
- 举报
</div
Recommend
-
29
转自IMWeb社区，作者：laynechen，原文链接 我们知道 Electron 提供了一个类似浏览器，但有更多权限的环境来运行我们的网页，那么 Electron 是怎么做到将我们的网页代码打包成一个可执行程序的呢？ 这篇文章主要介绍如何打包 Electr
-
10
vue electron-builder linux 打包失败那些事 ...
-
10
第22课：打包和发布 Electron 应用 到目前为止，我们已...
-
15
关于electron打包构建报错:resource busy or locked nodejs 2021-03-03 14:34:08 本文章比较详细地讲述了，怎么找到解决问题的过程...
-
7
为舒缓 Windows 下路径名过长的问题 issues，稍微加快 require 的速度以及简单隐匿源代码，我们可以选择把应用打包成 asar 档案文件，这只需要对源代码做一些很小的改动。大部分用户可以轻松实现这个功能...
-
20
我自己本人不做 Electron 的开发，但有一位合作伙伴在使用 NSIS 打包 Electron 应用的时候遇到了一些问题，主要问题有以下几个，先记录下来，然后追个击破。 打包后应用在 Windows 7 无法直接运行，需要修改兼容性为 Windows 7 才可以使用
-
6
1.安装electron第一步就出错了，装不上具体体现是npm install 不报错，但是运行的时候提示缺少electron，问是不是安装了或者直接安装的时候就报错本质上 是安装electron包的时候网络受限没装上解决方案1：用nrm管理npm源...
-
9
前段时间一直在做一款 electron 的 IM 聊天应用，其中需要实现 “截屏并发送截屏文件” 的功能。因此，翻阅了资料并且进行了对比研究，发现有两种可以实现的方案，下面来给大家介绍一下。一、electron 自带的API：desktopCapture这种方法是最...
-
8
V2EX › 问与答 Electron 应用配置存储路径求教。 fa...
-
2
记录下 electron 打包报错问题处理方法 # 背景 mac 升级了系统之后，之前的 electron 项目打包出现了异常，无法生成安装...
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK