vue+express项目https配置
作者基于单页应用搭建了vue后台项目,相信会对初学vue的朋友有较大的帮助,项目地址:https://github.com/guodonglw/vue_admin关于https的配置补充一、web端代码修改// vue项目config/prod.env.js修改(改为https的请求协议)BASE_URL:"'https://xxx.xxx.xxx:111/api'"// 项目打包(如...
·
作者基于单页应用搭建了vue后台项目,相信会对初学vue的朋友有较大的帮助,项目地址:https://github.com/guodonglw/vue_admin
关于https的配置补充
一、web端代码修改
// vue项目config/prod.env.js修改(改为https的请求协议)
BASE_URL:"'https://xxx.xxx.xxx:111/api'"
// 项目打包(如果之前已经build过,需先执行rm -r dist)
npm run build
// dist文件夹下index.html与static放到nginx下
二、Server端代码修改
// 停止Server程序
forever stop app.js
// 将ssl的.crt,.key放到Server/cert目录下
// 安装必要模块
npm install http --save -d (加--save -d会将模块名写入package.json中,下次npm install即可安装该模块)
npm install https --save -d
npm install fs --save -d
// app.js开始部分添加代码
var http = require('http');
var https = require('https');
var fs = require('fs');
// Configuare https
const httpsOption = {
key : fs.readFileSync("./cert/.key"),
cert: fs.readFileSync("./cert/.crt")
}
// app.js末尾部分代码修改
http.createServer(app).listen(4001 ,function(){
console.log("Listening on port:" + 1000);
});
https.createServer(httpsOption, app).listen(
1001,function(){
console.log("Listening on port:" + 1001);
});
// 至此,https已经配置完成
更多推荐
已为社区贡献5条内容
所有评论(0)