欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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服务器

  1. 新建文件夹 vue_shop_server,VS Code打开文件夹
  2. npm init -y 初始化包管理文件
  3. npm install express -S 安装Express
  4. 将vue_shop文件夹中的dist目录复制到vue_shop_server中
  5. 在vue_shop_server根目录下新建入口文件app.js
  6. 运行命令node .\app.js
  7. 启动成功后,在浏览器地址栏输入127.0.0.1,即可浏览页面

目录结构:
Vue项目上线相关配置 使用node创建web服务器

// 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可以减小文件体积,使传输速度更快。

  1. npm install compression -S 安装
  2. 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

相关标签: Vue nodejs