本地訪問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 的路徑問題哦