桌面通知引发的后续问题------http修改为https

最新推荐文章于 2023-02-27 09:20:45 发布
最新推荐文章于 2023-02-27 09:20:45 发布
阅读量373 收藏
点赞数
分类专栏： vue +axios # vue +js 文章标签： vue.js 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/fly_vip/article/details/111272181
版权
本文讨论了浏览器对于非HTTPS协议的安全警告，强调了将HTTP切换到HTTPS的必要性。在开发模式下，需在配置文件中启用HTTPS，并进行反向代理设置。而在生产环境中，需由后端生成SSL证书并部署到服务器。同时，所有请求和WebSocket连接也需要相应地改为HTTPS和WSS。确保所有通信安全加密，避免浏览器拦截。
摘要由CSDN通过智能技术生成

桌面通知要求协议必须是https,原本的协议是http,明文传送,不安全导致浏览器默认就会拒绝弹出任何信息

所以,下一步,需要把http修改为https

分两种情况:一是开发模式 (本地代码)  二是生产模式(也就是部署后)

开发模式

开发模式需要添加两个地方,一般在图二中添加图一的代码;另外还需要在config/index.js  反向代理中添加图3的代码

 devServer:{
        https:true,
 },


//具体添加位置得看具体项目

生产模式

这种情况需要后端解决,需生成SSH证书,放在服务器上面就可以,细节问后端

 

注意: 请求的地址统一修改为https;websocket的需修改为wss

 

fly_vip
关注
专栏目录
《Armv8/armv9架构入门指南》-【第十八章】调试技术
baron-周贺贺-代码改变世界ctw
07-10 903
调试是软件开发的关键部分，通常被认为是过程中最耗时，因此也是最昂贵的部分。它使软件开发人员能够创建满足高性能、低功耗和可靠性三个关键标准的应用程序、中间件和平台软件。然而，bug可能难以检测、重现和修复，也很难预测解决bug所需的时间长度。当产品交付给客户时，解决问题的成本显著增加。在很多情况下，当产品的销售时间窗口较小时，如果产品推迟，就会错失市场机会。因此，系统提供的调试工具对于任何开发人员来说都是至关重要的考虑因素。许多使用 ARM 处理器的嵌入式系统具有有限的输入/输出设施，意味着传统的桌面调试方法
【产品经理修炼之道】- 如何分析A/B实验结果
最新发布
xiaoli8748的专栏
07-24 1238
在确认了实验结果具有统计显著性，可以作为有效数据之后，我们就进入到了分析实验结果的环节。分析实验结果是整个实验分析与应用流程中的第二步，它为最终的决策应用奠定了直接基础。这一步的主要任务，就是要搞清楚实验最后是成功了还是失败了，如果失败了，原因出在哪里。只有解决了这两个问题，我们才能为后续的实验迭代或者产品化决策提供有价值的依据。(1) 产生实验想法找到优化点，提出假设，是一切实验的起点。好的想法可以来自用户反馈、行业对标、数据分析等各个渠道。关键是要建立”实验思维”，时刻保持敏感和好奇。
homebridge-http-notification-server:Homebridge中的httphttps服务器，用于接收来自外部程序的通知
05-08
homebridge-http-notification-server homebridge-http-notification-server可以与 http附件一起使用。 Http附件是Homebridge插件，可通过http请求将HomeKit请求转发到另一个程序。 这样的附件的一个例子是我的 。 此类附件的问题是外部程序的状态更改时，它不能直接反映在HomeKit中。 因此，一种解决方案是，每个http附件都打包自己的http服务器以接收状态更改。 但是使用多个开关，很快就会变得一团糟。 这是homebridge-http-notification-server出现的地方。它基本上是Homebridge插件，与其他任何插件一样，由Homebridge加载，但不注册任何附件或平台。 相反，它将启动一个http或https服务器。 Http附件可以使用唯一的ID注册。 外部程序将发
桌面通知
leixialx的博客
08-02 553
  if (window.Notification) { var popNotice = function() { if (Notification.permission == "granted") { var notification = new Notification("信息" , { ...
Notification 桌面通知
SpringBoot
12-07 748
Notification 桌面通知
Chrome浏览器桌面通知提示功能使用
weixin_30952535的博客
11-03 224
http://www.cnblogs.com/meteoric_cry/archive/2012/03/31/2426256.html 转载于:https://www.cnblogs.com/svennee/p/4071684.html
华为云OBS创建对象时以HTTP方式通知订阅终端
weixin_52981068的博客
06-14 657
大概说一下业务场景。厂房里的摄像头实时监控相关的生产流程，通过图像识别技术判定有质量问题时将图片和问题信息上传到华为云OBS服务中。客户端实时获取并OBS里面的新数据，处理并发起相关整改流程、通知相关责任人等。利用华为SMN服务发送HTTP请求实时获取新添加的对象。...
CISSP-OSG-要点总结梳理
小虫先生的博客
10-19 2481
CISSP-OSG-各章节要点总结梳理
谈谈前端性能优化-面试版
loveX001的博客
02-27 646
当我们去面试的时候，很大概率会被面试官问这么一个问题：你有尝试过对项目做性能优化吗？或者你了解哪些性能优化的方法？听到这个问题的你可能是这样的：似曾相识但又说不清楚，往往只能零散地说出那么几点，难以做到有条理的回答。那么，本文就带你简单了解前端性能优化的几个主要方面，旨在抛砖引玉。css的解析和js的执行是互斥的（互相排斥），css解析的时候js停止执行，js执行的时候css停止解析；无论css阻塞，还是js阻塞，都不会阻塞浏览器加载外部资源（图片、视频、样式、脚本等）；
vue实现浏览器桌面通知
qq_40407998的博客
01-05 8716
vue实现浏览器桌面通知 当浏览器最小化，或者切换到其他标签页不在当前系统页面，或在其他页面时依然可以显示通知
服务器给客户端发送消息,服务器给客户端主动发送消息
weixin_35055546的博客
08-10 821
服务器给客户端主动发送消息 内容精选换一换ELB的常见异常返回码有400、403、502、504等。若遇到这些返回码建议您先直接访问后端云服务器，查看是否是后端云服务器的异常。若后端云服务器响应正常，请参考表1排查处理。如果仍无法解决，请联系客服人员继续排查。使用SSH方式登录CentOS 6.5操作系统的弹性云服务器时，过一段时间就会自动断开连接。本节操作介绍如何保持SSH会话持续连接不断开该文...
前端HTML5桌面通知
konghouy的博客
09-10 2557
一、引入 Notification API 是 HTML5 新增的桌面通知 API，用于向用户显示通知信息。该通知是脱离浏览器的，即使用户没有停留在当前标签页，甚至最小化了浏览器，该通知信息也一样会置顶显示出来。通过这种方式，就可以利用浏览器来为用户推送消息啦。FaceBook的web版本，就已经应用了这个新特性。 **注意：**这个H5特性兼容性，不是特别好。建议在新版chrome，Firefo...
HTTP与HTTPS协议
cherish0123的博客
02-20 4159
HTTP协议概述（超文本传输协议）HTTP协议的主要特点可概括如下：客户/服务器模式，基于请求与响应模式；简单快速： 客户向服务器请求服务时，只需传送请求方法和路径。请求方法常用的有GET、HEAD、POST。每种方法规定了客户与服务器联系的类型不同。由于HTTP协议简单，使得HTTP服务器的程序规模小，因而通信速度很快。灵活：HTTP允许传输任意类型的数据对象。正在传输的类型由Content-T...
HTTP和HTTPS协议，看一篇就够了
热门推荐
不一样的博客
08-03 136万+
一、前言： 我们上网很简单，只需要通过网络服务商开通端口就可以了，每天都在上网，有留意到访问网站链接有什么共同点吗？为什么需要但是为什么要讲HTTP和HTTPS呢？ 二、HTTP和HTTPS发展历史 当我们打开谷歌浏览器输入www.12306.cn,回车很快在浏览器上就看到页面，其中的浏览器就是客户端，负责接受浏览器的是服务器，两者的通信是通过HTTP协议。 什么是HTTP? ...
Android弹出Launcher选择窗,选择启动桌面
羽吉公
06-20 1万+
最近搞一个将自己应用的Launcher引导用户设置为默认Launcher，本以为是一个小功能应该很快就可以搞定了，但是我真是低估了国内手机厂商定制Android修改的东西了。 难以解决的问题有以下三点： 0、监听home键 1、弹出设置默认桌面的框 2、设置完成后，按home键不退回到系统桌面 在这里难以解决的主要为小米、华为之流。 上代码：
当Notification和Websocket遇到https、http
旺旺的博客
08-07 793
常用参数介绍： keytool -genkey：自动使用默认的算法生成公钥和私钥 -alias[名称]：给证书取个别名 -keyalg：制定密钥的算法，如果需要制定密钥的长度，可以再加上keysize参数，密钥长度默认为1024位，使用DSA算法时，密钥长度必须在512到1024之间，并且是64的整数倍 -keystore：参数可以指定密钥库的名称。密钥库其实是存放迷药和证书文件，密钥库对应的文件如果不存在会自动创建。 -validity：证书的有效日期，默认是90天 -keypass chan
为什么要切换到HTTPS？
weixin_34009794的博客
12-19 623
为什么要切换到HTTPS？ 原文地址http://www.bieryun.com/4687.html Internet上的大多数Web资源都通过HTTPS协议运行。这意味着他们已经获得并使用了SSL证书，该证书通过加密通道确认从用户到服务器的信息传输，反之亦然。 当然，您在浏览器中看到了与站点的连接不安全的通知。此警告仅针对尚未切换到HTTPS但仍...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值