本地页面基于https配置ca证书

需求:本地运行基于https运行,接口请求也是https,如未配置本地跑起的项目会有不安全标志,同时嵌套到别的项目中因为不安全也是无法打开的。

配置证书

使用mkcert 进行配置证书

npm 安装

npm i mkcert -g

生成ca证书

cd  [project_folder]    # 进入项目

mkdir keys       # 新建文件夹存储证书相关

cd key

smkcert create-ca [options]       # options 参考npm 文档,可以直接使用默认值

根据ca证书生成cert证书

# mkcert create-cert [options]     # options 参考npm 文档

# 如下设置domains

mkcert create-cert --domains 127.0.0.1,localhost

操作完成后会生成这4个证书,这里我们只需要ca.crt和ca.key

将ca.crt和ca.key移入自己的项目,并改名为自己域名的前缀(这里是 test.c3data.com.cn),并完成如下配置。(pem证书是苹果系统的配置)


安装证书

1.双击test.c3data.com.cn.crt,在弹出的对话框中点击“安装证书”

2.在弹出框中,选择“本地计算机”,点击"下一步"

3.在弹出框中,选择“将所有证书都放入下列存储”,选择“浏览”;在弹出框中选择“受信任的根证书颁发机构”,点击“确定”。点击“下一步”。

4.在随后的弹窗中点击确定,会提示“导入成功”,最后点击“确定”,再点击“确定”就可以了。

5,再次运行项目即可

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

推荐阅读更多精彩内容