Vue项目上线相关配置 使用node创建web服务器
程序员文章站
2022-03-12 21:53:08
通过node创建web服务器新建文件夹 vue_shop_server,VS Code打开文件夹npm init -y 初始化包管理文件npm install express -S 安装Express将vue_shop文件夹中的dist目录复制到vue_shop_server中在vue_shop_server根目录下新建入口文件app.js运行命令node .\app.js启动成功后,在浏览器地址栏输入127.0.0.1,即可浏览页面目录结构:// app.jsconst exp...
Vue项目上线相关配置 使用node创建web服务器
1. 通过node创建web服务器
- 新建文件夹
vue_shop_server
,VS Code打开文件夹 -
npm init -y
初始化包管理文件 -
npm install express -S
安装Express - 将vue_shop文件夹中的dist目录复制到vue_shop_server中
- 在vue_shop_server根目录下新建入口文件
app.js
- 运行命令
node .\app.js
- 启动成功后,在浏览器地址栏输入127.0.0.1,即可浏览页面
目录结构:
// app.js
const express = require('express')
const app = express()
// 托管静态目录
app.use(express.static('./dist'))
app.listen(80, () => {
console.log("server running at http://127.0.0.1");
})
2. 开启gzip配置
使用gzip可以减小文件体积,使传输速度更快。
-
npm install compression -S
安装 - 在
app.js
中配置
const express = require('express')
const compression = require('compression')
const app = express()
// 注册中间件,一定要写在静态托管目录前,否则gzip不会生效
app.use(compression())
// 托管静态目录
app.use(express.static('./dist'))
app.listen(80, () => {
console.log("server running at http://127.0.0.1");
})
本文地址:https://blog.csdn.net/qq_40884528/article/details/111121377