Vue Koa2 打包后如何进行线上高效部署？

本文共计807个文字，预计阅读时间需要4分钟。

最近用Vue和Koa2重构了自己的博客，过程中遇到了不少坑，查阅了很多资料，最终成功上线。接下来，我计划围绕这个经历写一系列文章，讲解如何用Vue+Koa2搭建一套网站。先来说说...

最近使用Vue和Koa2重构了自己的博客，过程中踩了不少坑，查了很多资料，最后总算成功上线。之后我计划围绕这个过程写一系列文章，讲讲如何用Vue+Koa2写一套网站。

而现在，先来讲讲最后一步，在写完Vue和Koa2后，如何将它们部署到线上。

1.将Vue和Koa2结合

很多人在打完包后就不知道怎么做了，毕竟后面都是后端的事情。如果你用的是Vue-cli3.0，那么打包这一步会非常简单，只需要执行一条命令即可，其它的不用关心：

npm run build


之后会生成一个dist的文件夹，将它放到Koa2目录下的public文件里，然后在Koa2的配置文件app.js里将静态资源指向这个文件夹，指向命令在我们创建Koa2框架时就已经自动生成，所以我们要做的也只是改一下文件地址就行了：

app.use(require('koa-static')(__dirname + '/public/dist'))

改好之后打开koa2的主页，看看是否加载成功，第一步就愉快地完成了。