伏龙阁资源网

详解Nuxt.js部署及踩过的坑
站长资源 2024/11/27 佚名
2 0

Nuxt.js 提供了两种发布部署应用的方式：服务端渲染应用部署 和 静态应用部署。

静态应用部署就不说了，主要说说服务端渲染应用部署。

官方推荐部署方式

关于服务端渲染应用部署，官方文档是这么写的：

部署 Nuxt.js 服务端渲染的应用不能直接使用 nuxt 命令，而应该先进行编译构建，然后再启动 Nuxt 服务，可通过以下两个命令来完成：

nuxt build
nuxt start

推荐的 package.json 配置如下：

{
 "name": "my-app",
 "dependencies": {
  "nuxt": "latest"
 },
 "scripts": {
  "dev": "nuxt",
  "build": "nuxt build",
  "start": "nuxt start"
 }
}

提示： 建议将 .nuxt 加入 .npmignore 和 .gitignore 文件中。

意思是说.nuxt不加入到版本控制，每次服务器从gitlab上拉代码后先执行nuxt build生成.nuxt文件夹，然后再执行nuxt start来启动服务。

踩过的坑

部署方式很简单对不对，看完文档后我就在自己买的服务器上尝试部署一下，然后，BOOM！！！

每次在服务器上执行nuxt build，总是有如下报错，并且jenkins会随之挂掉。

error Command failed with signal "SIGKILL".

看了一下服务器监控发现build的时候cpu和内存飙升，尤其是内存。。。

好吧，我买的是阿里最低配的ECS，升级配置是最后的选择，在这之前只能另辟蹊径。

另辟蹊径

既然服务器上build不了，那我们就本地build再上传，在.gitignore里把.nuxt去掉、并把dist改为/dist，然后本地执行yarn build，成功之后再上传到github上，检查一下.nuxt是否有上传上去。

之后在服务器上把代码拉下来、安装一下依赖，执行nuxt start就可以了。

这里还有个坑，就是为什么要把.gitignore里的dist改为/dist？

/dist这个文件夹是执行nuxt generate后生成的，用来做静态应用部署的，这部分就跟通常情况下的.nuxt一样是不应该加入到版本控制里的，但由于nuxt build之后，在.nuxt里也会生成一个dist文件夹，我们希望gitignore的只有/dist而不是/.nuxt/dist，因此猜需要做出这里的修改。

nuxt部署

最后，我们使用pm2来部署nuxt。

pm2 start npm --name nuxt -- start

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
www.wwsws.com 伏龙阁资源网
39,976影音资源
44,792技术资源
21,817软件资源
651,128站长资源

更新日志

友情链接

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