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

vue

项目上线

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

以上是 Vue + ElementUI的电商管理系统实例30 项目上线-配置https服务 的全部内容, 来源链接: utcz.com/z/377544.html

回到顶部