vue3前端模拟https安全策略同局域网内测试方法-local-ssl-proxy

文章目录

  • 前言
  • 建议全局安装
  • 运行安全策略模拟
  • 运行效果
  • 如果其他客户端不能访问

直接在cmd跑即可,不过我们应该先运行项目

前言

为什么要用https安全策略呢,因为http浏览器策略访问权限有限,不能使用navigator的激活“用户音频或视频”的方法,所以必须要用https安全策略
这里我们用的npm中local-ssl-proxy包
local-ssl-proxy on GitHub

建议全局安装

npm install -g local-ssl-proxy

运行安全策略模拟

local-ssl-proxy --source 9000 --target 5173

或者以下简写方式

local-ssl-proxy - 9000 -t 5173

解释

source:是我们https协议访问的url头地址
target:是我们前端的目标端口,vue3的话默认是5173

运行效果

在这里插入图片描述

在这里插入图片描述

如果其他客户端不能访问

改一下host
在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/19887.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

解密Vue 2的Diff算法:如何实现高效的DOM更新?

文章目录 1. 虚拟DOM2. Diff算法深度优先遍历双端比较 3. Diff优化策略:为了提高Diff算法的效率,Vue采用了一些优化策略:4.对Vue 2中Diff算法的规划进行表格总结附录:「简历必备」前后端实战项目(推荐:⭐️…

SpringBoot 异常处理机制

SpringBoot中异常处理的流程图 在SpringBoot项目中,如果业务逻辑发生了异常,则首先看发生异常的类中有没有ExceptionHandle能处理,如果能,则执行方法进行处理,如果没有,则去找全局的ControllerAdvice注解…

34.RocketMQ之Broker端消息存储流程详解

highlight: arduino-light Broker消息存储概要设计 RocketMQ主要存储的文件包括Commitlog文件,ConsumeQueue文件,IndexFile文件。 RMQ把所有主题的消息存储在同一个文件中,确保消息发送时顺序写文件。 为了提高消费效率引入了ConsumeQueue消息…

云原生(第六篇)k8s-kubeadmin部署

master(2C/4G,cpu核心数要求大于2) 192.168.169.10 docker、kubeadm、kubelet、kubectl、flannel node01(2C/2G) 192.168.169.30 docker、kubeadm、kubelet、kubect…

如何解决git中拉取或提交代码出现的ssl证书问题?

问题描述 执行命令的时候,出现"…certificate problem…"报错,一般在执行"git push“ (推送分支) 或者 “git clone”(克隆仓库)时出现,原因时因为SSL安全验证问题,不能获取到本地的的证书。那么如何解决这个问题…

SpringBoot 如何使用 MockMvc 进行 Web 集成测试

SpringBoot 如何使用 MockMvc 进行 Web 集成测试 介绍 SpringBoot 是一个流行的 Java Web 开发框架,它提供了一些强大的工具和库,使得开发 Web 应用程序变得更加容易。其中之一是 MockMvc,它提供了一种测试 SpringBoot Web 应用程序的方式&…

Microsoft Remote Desktop for mac安装教程

适用于Mac的Microsoft远程桌面测试版!Microsoft Remote Desktop Beta for Mac是一种远程工具,允许用户从Mac远程访问基于Windows的计算机。使用此工具,用户可以随时随地使用Mac连接到远程桌面、应用程序和资源。 Microsoft Remote Desktop B…

2023年Arm最新处理器架构分析——X4、A720和A520

1、引言 上一篇文章我们介绍了Arm的Cortex-X1至Cortex-X3系列处理器,2023年的5月底,Arm如期发布了新一年的处理器架构,分别为超级大核心Cortex-X4,大核心A720和小核心A520。在智能手机行业,Arm始终保持每年一迭代的处…

【GCD+MST】ABC210 E

这道题告诉我们,一道题一定要去手摸样例,多造几个数据,然后找思路 很多时候,题目看错了,码完发现思路错了,调半天调不出来,思路一直在旧框架打转,这些情况都是不去考察实际情况导致…

超速Python编程:利用缓存加速你的应用程序

引言 在软件开发中,缓存是一种常用的技术,用于提高系统性能和响应速度。Python提供了多种缓存技术和库,使我们能够轻松地实现缓存功能。本文将带您从入门到精通,逐步介绍Python中的缓存使用方法,并提供实例演示。 1.…

《MySQL》复合查询和连接

文章目录 查询单行子查询多行子查询合并查询 连接内连接外连接 点睛之笔:无论是多表还是单表,我们都可以认为只有一张表。 只要是表,就可以查询和连接成新表,所以select出来的结果都可以认为成一张表,既然是一张表&…

WAIC2023会后记

听了3天WAIC的会, 大开眼界,算是上了堂大课。 本次参会的目的是听听AI企业信息化的想法、理论和实践。以进一步探索可能的业务场景。三天的会结束后,留下深刻印象的有如下几点。 大模型当道 2023这次大会的主题成了大模型,谈的…