win7怎么做网站服务器,网站模板中企动力,wordpress评论img标签,网站开发5人小组分工接上一篇#xff1a;Vue优化策略_项目发布_01 https://gblfy.blog.csdn.net/article/details/105359879 文章目录一、通过node创建web服务器1. 创建文件夹2. 初始化包管理配置文件3. 安装express插件4. 复制vue打包后dist5. 创建app.js配置6. 运行项目并浏览器访问二、开启gzi… 接上一篇Vue优化策略_项目发布_01 https://gblfy.blog.csdn.net/article/details/105359879 文章目录一、通过node创建web服务器1. 创建文件夹2. 初始化包管理配置文件3. 安装express插件4. 复制vue打包后dist5. 创建app.js配置6. 运行项目并浏览器访问二、开启gzip配置2.1. 安装插件2.2. 配置插件2.3. 运行项目并浏览器访问三、使用pm2管理应用3.1. pm2常用命令3.2. 安装pm23.3. 使用pm2启动项目3.4. 使用pm2 重新启动项目3.5. 使用pm2 停止项目3.5. 使用pm2 删除项目一、通过node创建web服务器
1. 创建文件夹
mkdir web_server2. 初始化包管理配置文件
#进入cd web_server
npm init -y3. 安装express插件
npm i express -S4. 复制vue打包后dist
将vue项目打包后的dist文件夹,复制到web_server目录下面
5. 创建app.js配置
#创建app.js
echo express app.js#配置如下
// 1.导入express
const express require(express)
// 2.调用express函数返回得到一个web服务器
const app express()// 3.注册express中间件并设置托管的静态文件目录
app.use(express.static(./dist))// 4. 启动服务器默认端口80并设置回调函数当服务器启动后输出server running at http://127.0.0.1
app.listen(80, () {console.log(server running at http://127.0.0.1)
})6. 运行项目并浏览器访问
node ./app.jshttp://127.0.0.1
二、开启gzip配置
使用gzip可以减小文件体积使传输速度更快。
2.1. 安装插件
npm i compression -S2.2. 配置插件
// 1.导入compression
const compression require(compression)
// 2.注册并启用compression中间件
// 一定要把这一行代码写到 静态资源托管之前
app.use(compression())2.3. 运行项目并浏览器访问
node ./app.jshttp://127.0.0.1
在这里插入代码片三、使用pm2管理应用
3.1. pm2常用命令
功能命令在服务器上安装pm2npm i pm2 -g启动项目pm2 start 脚本 --name 自定义名称查看正在运行的项目pm2 ls重启项目pm2 restart 自定义名称或者id停止项目pm2 stop 自定义名称或者id删除项目pm2 delete 自定义名称或者id
3.2. 安装pm2
npm i pm2 -g3.3. 使用pm2启动项目
#进入到web_server目录下面在终端终中执行以下命令
pm2 start ./app.js --name web_server3.4. 使用pm2 重新启动项目
#进入到web_server目录下面在终端终中执行以下命令
pm2 restart ./app.js --name web_server3.5. 使用pm2 停止项目
#进入到web_server目录下面在终端终中执行以下命令
pm2 stop ./app.js --name web_server3.5. 使用pm2 删除项目
#进入到web_server目录下面在终端终中执行以下命令
pm2 delete ./app.js --name web_server
