vue 打包后如何运行

1.将vue项目打包，生成对应的打包文件，默认是dist文件

// 打包命令，也可以使用cnpm
npm run build

打包后的项目目录.png

2.安装express-generator

npm install express-generator -g

3.新建express项目，并安装相应依赖，生成如下图所示文件目录

express expressName    // 1.创建一个express项目,expressName是名字，可以自己随便定义
cd expressName         // 2.进入项目目录
npm install            // 3.安装相应依赖

文件目录.png

4.将项目打包生成的dist文件中所有的文件复制到express项目中的public文件夹下

image.png

5.运行命令启动express项目,打开浏览器，输入localhost:3000就可以看到效果了

浏览器.png