通过node创建web服务器

---

通过node创建web服务器

创建node项目,安装express,通过express创建web服务器,将vue-cli
打包成的dist文件夹托管为静态资源即可

创建node项目

创建过程:
	1.创建空项目如 Vue-Server空项目,运行 npm init -y 初始化
	2.运行 npm install express -S 安装 express
	3.将要发布的资源目录,一般为 dist 目录托管到初始化后的
	 Vue-Server根目录下
	4.创建 app.js 服务器配置文件(配置文件名自己确定)

app.js的配置

1. /*引入express*/
2. const express = require('express')
3. /*调用express创建web服务器*/
4. const app = express()
5. /*托管静态目录,即要发布的项目*/
6. app.use(express.static('./dist'))
7. /*启动web服务器*/
8. app.listen(80,()=>{
9. console.log('server running at http://127.0.0.1')
10. })

开启gzip配置

使用gzip可以减少文件体积,是传输速度更快.
可通过服务器端使用Express做gzip压缩,配置如下:

1. npm i compression -S //安装依赖
2. const compression = require('compression') //导入依赖
3. app.use(compression()) //启用中间件,一定要写在静态资源托管之前

web服务器app.js简单配置

const express = require('express')
const compression = require('compression')

/*调用express*/
const app = express()

/*一定要写在静态资源托管之前 启用中间件*/
app.use(compression())

/*托管静态目录*/
app.use(express.static('./dist'))

app.listen(80,()=>{
console.log('server running at http://127.0.0.1')
})