Vue项目完成后可以 使用Nodejs搭建服务器部署项目 和gzip网络传输压缩

本文介绍了如何使用npm安装Express和compression模块,然后在Express服务器上部署Vue项目。首先,通过npminstall命令安装这两个库,接着配置Express来提供静态资源,并确保compression中间件在托管静态文件之前运行,以实现GZIP网络传输压缩,减小文件大小。
摘要由CSDN通过智能技术生成

安装express:

npm install express --save-dev

将完成的vue 项目打包 再把打包好的dist文件里面内容复制到服务器这边文件夹

搭建:

const express = require("express");
const app = express();
app.use(express.static(__dirname + "/static/"));

app.listen(5000, (err) => {
  if (!err) {
    console.log("服务器启动成功,http://localhost:5000");
  }
});

项目部署完成后,开启gzip网络传输压缩文件大小

安装:

npm install compression --save-dev

使用:

const express = require("express");
const compression = require("compression");
const app = express();
// 这行代码 一定要写到 静态资源托管之前
app.use(compression());
app.use(express.static(__dirname + "/static/"));

app.listen(5000, (err) => {
  if (!err) {
    console.log("服务器启动成功,http://localhost:5000");
  }
});

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值