本地访问vue打包的dist文件

前文

看到很多的小伙伴、打包后的文件不知道怎么访问？其实方法很简单，利用node的koa几行代码就可以完成，以下是步骤：

---

安装依赖

mkdir koa-static-project
cd koa-static-project
npm init 
npm i koa koa-static

创建入口app.js

const serve = require('koa-static')
const path = require('path')
const Koa = require('koa')
const app = new Koa()

app.use(serve(`${__dirname}/dist/`))
app.listen(3003,()=>{
  console.log(`server is running at http://localhost:3003`)
})

文件结构

---

简单两步就可以访问成功了！需要注意的是打包的dist文件中的index.html 的路径问题哦