介绍

---

最近把自己服务器的express应用升级成了https服务，遇到了一些问题，这里把相关流程总结一下

名称	花费
.cn 域名	28元/年
域名解析	免费
https认证	免费

流程

---

服务器ip绑定域名 > 域名申请https证书 > express启用https

第三步中我们不需要自己生成证书文件，直接在腾讯云的SSL控制台下载证书即可

常见问题

---

1. 跨域

No 'Access-Control-Allow-Origin' header is present on the requested resource

express没有允许跨域访问，使用cors中间件解决跨域问题，安装cors后在app.js中添加下方代码

> yarn add cors

let cors = require('cors')

let corsOptions = {
    origin: '*' //允许访问的目标站点
}

app.use(cors(corsOptions))

2. 混入内容被阻止

“Mixed content blocked” when running an HTTP AJAX operation in an HTTPS page

你在启用了https的网站上访问了通过http传输的资源，例如加载外链、获取地图瓦片等，浏览器为了安全起见拒绝了你的请求，将有关http请求更换为https或本地加载来解决该问题

3. SSL协议错误

net::ERR_SSL_PROTOCOL_ERROR

启用https的服务器上运行了http服务，在申请https后没有将express应用由默认的http更换为https，将下方代码加入到app.js中修改一下路径即可

// 引入部分
const express=require('express');
const bodyParser=require('body-parser');
const cors=require("cors");
const session=require("express-session");
const userRouter=require("./routes/user");
const fs=require('fs');
//创建web服务器
var server=express();
// server.listen(3000);
var http=require('http');
var https=require('https');

//根据项目的路径导入生成的证书文件下面的key和pem是下载证书得到的
var privateKey  = fs.readFileSync('key.key', 'utf8');
var certificate = fs.readFileSync('pem.pem', 'utf8');
var credentials = {key: privateKey, cert: certificate};
 
var httpServer = http.createServer(server);
var httpsServer = https.createServer(credentials, server);
 
//可以分别设置http、https的访问端口号
var PORT = 3000;
var SSLPORT = 3001;
 
//创建http服务器
httpServer.listen(PORT, function() {
    console.log('HTTP Server is running on: http://localhost:%s', PORT);
});
 
//创建https服务器
httpsServer.listen(SSLPORT, function() {
    console.log('HTTPS Server is running on: https://localhost:%s', SSLPORT);
});
 
//可以根据请求判断是http还是https
server.get('/', function (req, res) {
    if(req.protocol === 'https') {
        res.status(200).send('This is https visit!');
    }
    else {
        res.status(200).send('This is http visit!');
    }
});


//使用body-parser中间件
server.use(bodyParser.urlencoded({
    extended:false
}))
//托管静态目录
server.use(express.static("public"))
//解决跨域问题
server.use(cors({
    origin:["http://127.0.0.1:8081","http://localhost:8081","http://127.0.0.1:8080","http://localhost:8080"],
    credentials:true
}))
// session功能
server.use(session({
    secret:"128字符串",
    resave:true,
    saveUninitialized:true
}))
//挂载路由
server.use('/user',userRouter);

@HoPGoldy