本地访问vue打包的dist文件

THIS
前文

看到很多的小伙伴、打包后的文件不知道怎么访问?其实方法很简单,利用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`)
})

文件结构

image.png


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

阅读 2.8k

多读书、多看报、少吃零食、多睡觉

716 声望
9 粉丝
0 条评论
你知道吗?

多读书、多看报、少吃零食、多睡觉

716 声望
9 粉丝
文章目录
宣传栏