前端学习（2743）：重读vue电商网站53项目上线时

1. 通过 node 创建 web 服务器。
2. 开启 gzip 配置。
3. 配置 https 服务。
4. 使用 pm2 管理应用。

通过 node 创建 web 服务器

搭建一个Node项目，并配置Express模块。使用Express框架快速构建Web服务器。将Vue打包生成的dist文件夹作为静态资源托管。关键代码如下：

Javascript

||

 const express = require('express')

 // 创建 web 服务器
 const app = express()
  
 // 托管静态资源
 app.use(express.static('./dist'))
  
 // 启动 web 服务器
 app.listen(80, () => {
 console.log('web server running at http://127.0.0.1')
 })

第一步操作：启动创建过程，在存放位置命名为 vue_shop_server 的文件夹中进行。
打开终端窗口，并执行命令行指令：运行 npm init -y 来配置包管理。

![](https://ad.itadn.com/c/weblog/blog-img/images/2025-05-31