本文介绍了如何在前端项目中部署https服务并配置安全证书，以解决在http环境下无法使用特定API的问题。首先，通过SSL for free获取免费的安全证书。接着，详细讲述了在nginx上配置https服务的步骤，包括配置nginx、设置证书路径和项目资源路径。在配置过程中可能会遇到的坑，如域名与证书不符的问题，以及误认为需要手动导入证书等，作者给出了正确的解决办法。最后，感谢帮助解决问题的同学，并提供了相关学习资料。
项目中要实现跨tab复制 剪切 粘贴，所以涉及到操作剪切板的操作，选用了navigator.clipboard，但是该api有必须在https的服务下才能用，所以就需要把项目部署城https服务。
vue-cli中可以配置webpack达到启动https服务的效果，但是一直会有不安全的提示：
这多膈应人啊，搞他！
所以就搞起了安全证书。
获取安全证书
前提，首先要有个域名，然后在SSL for free生成免费的安全证书，按照提示完成申请，这里不再具体说明，最后下载生成的安全证书。
拿到的有ca_bundle.crt、certificate.crt和private.key三个文件。
nginx配置服务
这一步主要需要三个东西：
- nginx：直接在官网下载即可；
- 资源包：开发的程序build的dist包；
- 安全证书：上一步下载到的安全证书；
nginx
官网下载，注意区别系统，不
最低0.47元/天 解锁文章
6509
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
