Vue + ElementUI的电商管理系统实例30 项目上线-配置https服务

项目上线

3、配置 https 服务

为什么要启用 HTTPS 服务？

1）传统的 HTTP 协议传输的数据都是明文，不安全

2）采用 HTTPS 协议对传输的数据进行了加密处理，可以防止数据被中间人窃取，使用更安全

申请 SSL 证书 (企业用的都是收费的，个人可以用免费的https://freessl.org)

1）进入 https://freessl.cn 官网，输入要申请的域名并选择品牌

品牌选择：一般选 多域名通配符

2）输入自己的邮箱并选择相关选项。

3）验证 DNS (在域名管理后台添加 TXT 记录)

4）验证通过之后，下载 SSL 证书 (full_chain.pem 公钥；private.key 私钥)

当有了 SSL 的证书之后，就可以到后台项目中导入证书：

const https = require('https');
const fs = require('fs');
const options = {
  cert: fs.readFileSync('./full_chain.pem'),
  key: fs.readFileSync('./private.key')
}
https.createServer(options, app).listen(443);

假如说我们已经有了公钥和私钥，复制粘贴到 vue_shop_server 服务的根目录下。打开 app.js 文件：

const https = require('https')
const fs = require('fs')

const options = {
  cert: fs.readFileSync('./full_chain.pem'),
  key: fs.readFileSync('./private.key')
}

//启动 web 服务器
// app.listen(80, () => {
//   console.log('web server running at http://127.0.0.1')
// })
https.createServer(options, app).listen(443)

https 的默认端口是 443