koa2最简单的部署vue cli打包的项目

vue cli准备

在vue cli的图形界面（vue ui）打包好的项目，会生成一个dist目录，这就是打包好的你的vue单页面应用的静态文件。

koa2 准备

1.新建一个空文件夹，比如这里我新建了一个“koa2”的空文件夹，作为项目的根目录。
2.在当前目录的地址栏输入cmd，直接定位到当前目录打开cmd。
3. 产生一个package.json

npm init 

4.安装koa

cnpm i koa

5.安装koa-static

cnpm i koa-static

6.在根目录下新建app.js，在app.js里

const Koa = require('koa');
const app = new Koa()
app.use(require('koa-static')('./public'))
app.listen(9527)

7.把dist文件夹复制到public下
8.在根目录下按住shift右击鼠标，点击powershell，打开后输入

node app.js

9.好了现在在浏览器访问 http://localhost:9527/ 就可以成功访问到你vue的单页面应用了。