本地访问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 的路径问题哦