vue项目使用https,解决控制台SSL报错

1.全局安装mkcert
npm install -g mkcert
2.查看目录 到keys文件夹(也可以直接安装证书发行机构 mkcert create-ca)
创建一个keys文件夹专门存放证书
mkdir keys
cd keys
我这里会报错


image.png

无法加载文件...npm\mkcert.ps1,因为在此系统上禁止运行脚本。有关详细信息,请参阅 https:/go.microsoft.
com/fwlink/?LinkID=135170 中的 about_Execution_Policies。
3.更改执行策略,允许脚本
用管理员身份运行powerShell
Get-ExecutionPolicy
如果是Restricted说明不允许运行脚本,则更改策略
Set-ExecutionPolicy RemoteSigned,选Y
再次查看,已经更改为 RemoteSigned。
4.这时候回到vue项目 安装证书发行机构
mkcert create-ca
5.找到ca.crt 选择安装证书
当前用户-将所有证书放入下列存储-受信任的证书颁发机构
6.在vue.config.js中引入证书


image.png

7.如果是qiankun搭建的项目,需要将keys文件夹同时放置在主应用和子应用根目录。
https://zhuanlan.zhihu.com/p/591217700

image.png

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容