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'"

// 项目打包(如果之前已经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已经配置完成

你可能感兴趣的:(vue相关)