vue脚手架项目上线相关配置

2021-01-27 12:29:37 阅读：128 来源： 互联网

标签：文件夹上线 const key 证书 fs vue https 脚手架

1、通过node创建web服务器：创建node项目，并安装express，通过express快速创建web服务器，将vue打包生成的dist文件夹，托管为静态资源即可：
新建文件夹：
在这里插入图片描述在编辑器中打开文件夹，在终端中依次进行如下操作：
2、开启gzip配置：使用gzip可以减少文件体积，使传输速度更快
注意：
3、配置HTTPS服务
申请免费的SSL证书（https://freessl.org）
a.进入https://freessl.cn/官网，输入要申请的域名并选择品牌
b.输入自己的邮箱并选择相关选项
c.验证DNS（在域名管理后台添加TXT记录）
d.验证通过之后，下载SSL证书（full_chain.pem公钥，private.key私钥）
在后台项目中导入证书

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);

4、使用pm2管理应用：运行项目时不用每时每刻打开终端窗口
在这里插入图片描述在项目中按住shift+右键打开powershell：
若运行报错参考这篇博文：
https://blog.csdn.net/qq_43554997/article/details/107726912

标签：文件夹,上线,const,key,证书,fs,vue,https,脚手架
来源： https://blog.csdn.net/qq_35805004/article/details/113244278

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

vue脚手架项目上线相关配置