1. 介绍
因为微信小程序请求接口需要 https,所以这里把 http 转换为 https
2. 申请 ssl 证书
其他免费证书 https://freessl.cn/
因为我有百度云账号,这里免费申请了百度云的 ssl 证书,支付成功后还需要申请一下
申请成功后
下载证书,后面使用
2. 服务器配置 ssl 证书
我是用的是宝塔面板,使用图形化界面配置好后,会在 nginx 里自动设置好 ssl 证书。把下载下来的 ssl 证书内容,复制到对应地方,这里强制 HTTPS 也记得开一下
这时候就可以通过 https 访问页面了,但访问接口会报错,如下。
3. 后端代码开启 https 服务
可以参考下面的链接,挺详细
https://www.jianshu.com/p/69e8f8860b1d
完成这步后,访问接口还是会报错,如下
解决方法:
* VITE_BASE_API='https://111.111.111.111:3000/api'VITE_BASE_API='https://www.xxxx.com:3000/api'
参考链接:
https://blog.csdn.net/xzwwjl1314/article/details/105006707?ops_request_misc=&request_id=&biz_id=102&utm_term=ERR_CERT_COMMON_NAME_INVALID&utm_medium=distribute.pc_search_result.none-task-blog-2allsobaiduweb~default-1-105006707.nonecase&spm=1018.2226.3001.4187
https://www.jianshu.com/p/69e8f8860b1d