部署Vue项目

打包Vue文件

1）终端打开vue ui（要求vue版本为3.0以上）

终端

vue ui

1）找到要打包的项目进行打包
在愿项目下会生成一个dist文件夹代表成功

配置生产环境

1）新建一个文件夹
2）生产初始化配置文件
cd到当前文件夹下

文件夹

npm init -y

3）安装express管理工具

文件夹

npm install express --save

4）将第一段中打包好的dist文件复制到当前文件夹下
5）新建app.js文件
写入以下内容：81为作者定义的打开端口号

app.js

const express = require('express')

const app = express()

app.use(express.static('./dist'))

app.listen(81,()=>{
    console.log("启动成功")
})

启动应用

在终端中cd到当前文件夹

文件夹

node ./app.js
或者
node .\app.js