蝙蝠岛资源网

Vue+Koa2 打包后进行线上部署的教程详解
网络编程 2024/12/27 佚名
2 0
蝙蝠岛资源网 Design By www.hbtsch.com

最近使用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的主页，看看是否加载成功，第一步就愉快地完成了。

2.Nginx配置

现在登录服务器，安装完Nginx后，在`/etc/nginx/sites-enabled/`下新建一个conf文件，然后写入配置：

//Koa的端口一般默认是3000
upstream koa.server{
  server 127.0.0.1:3000;
}

server {
  listen   80;
  server_name .******.com;

  location / {
    proxy_pass http://koa.server;
    proxy_redirect off;
  }
}

写完之后重启Nginx：

sudo /etc/init.d/nginx restart

接着将Koa2文件上传到服务器，启动后在浏览器里输入你的网址或者服务器ip，能访问到就大功告成了。

当然，这套Nginx配置还是非常简陋，如果希望长期稳定运行的话还得加入SSL和Gzip，网上资料很多，如果以后有机会的话我也会讲一下。

3.使用Pm2进行进程管理

能成功访问后接着就是将Koa放到后台运行，这里使用了Pm2进行管理，先来安装：

npm install -g pm2

安装好后在Koa目录下创建一个文件 “pm2.conf.json”，然后输入以下代码：

{
  "apps":{
    "name":"blog",
    "script": "bin/www",
    "watch": true,
    "ignore_watch":[
      "node_modules",
      "logs"
    ],
    "instances":2,
    "error_file":"logs/err.log",
    "out_file":"logs/out.log",
    "log_date_format": "YYYY-MM-DD HH:mm:ss"
  }
}

来重点说下两个参数，watch和instances。

Watch是检测到文件有改动会自动重启加载，ignore_watch则是排除不需要监控的文件。

Instances则是开启实例数，建议根据cpu核数进行配置，有多少核就开启多少条。

最后启动：

pm2 start pm2.conf.json

到这里，网站就部署完成了！

总结

以上所述是小编给大家介绍的Vue+Koa2 打包后进行线上部署的教程详解,希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！
如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！

标签：
Vue,Koa2,打包,线上部署,vue,打包部署
蝙蝠岛资源网 Design By www.hbtsch.com
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
蝙蝠岛资源网 Design By www.hbtsch.com

评论“Vue+Koa2 打包后进行线上部署的教程详解”

暂无Vue+Koa2 打包后进行线上部署的教程详解的评论...
www.hbtsch.com 蝙蝠岛资源网
139,976影音资源
144,792福利资源
21,817软件资源
631,128技术资源

更新日志

友情链接

杰晶网络 DDR爱好者之家 桃源资源网 杰网资源 富贵资源网 南强小屋 铁雪资源网 幽灵资源网 万梅资源网 狼山资源网 白云岛资源网 昆仑资源网 相思资源网 明霞山资源网 内蒙古资源网 黑松山资源网 茶园资源网 饿虎岗资源网 大旗谷资源网 常春岛资源网 岱庙资源网 兴国资源网 快活林资源网 蝙蝠岛资源网 帝王谷资源网 白云城资源网 伏龙阁资源网 清风细雨楼 天枫庄资源网 圆月山庄资源网 无争山庄资源网 神水资源网 移花宫资源网 神剑山庄资源网 无为清净楼资源网 金钱帮资源网 丐帮资源网 华山资源网 极乐门资源网 小李飞刀资源网 凤求凰客栈 风云阁资源网 金狮镖局 鸳鸯亭资源网 千金楼资源网 更多链接
蝙蝠岛资源网 Design By www.hbtsch.com