nuxt+pm2部署,解决nuxt异常缓慢的问题

author author     2023-05-05     483

关键词:

参考技术A

部署到线上后,发现nuxt 异常缓慢

一检查network,发现有10M+的js包?

没错,你部署失败了。

不妨本地尝试一下

这两个命令的差异,不难看出

那么,为什么本地没问题,pm2部署后就会进入模式1呢?
很简单

这两种模式可能都会进入模式1,主要是因为没有携带 start 参数,直接启动了nuxt
那么要怎么加上呢
在命令行中,可以增加

-- 后的内容会被原样传递给调用的js,这里调用了哪个js文件呢?
我们可以在 ecosystem.config.js 中找到
一般它的内容为:

script 即pm2调用的脚本,
所以,首先要将这里替换为 ./node_modules/nuxt/bin/nuxt.js ,
也可以替换为 npm run start
记得核对你package.json里的命令
这两种方式,第二种会导致pm2日志有误,所以推荐第一种。

除了 script ,解决加载慢的关键参数来了, start 要放在哪里呢
答案是, args

但是,重点来了,假设你用到了 环境区分 , script 和 args 放在上面是 无效的
必须放在下面
所以整个配置文件是这样的

启动命令是这样的

整个过程,官方文档并没有指引,所以还是比较坑的
如果这篇文章帮助了你,留个评论再走

pm2部署nuxt3.js项目并设置服务器重启时项目自动重启(代码片段)

...eo的项目比较好的框架,那么开发完成项目,如何部署nuxt项目也是比较重要的,接下来就记录一下我在开发中是如何部署的。我之前写过一篇vue和ssr+nuxt.js配置环境变量以及pm2进行服务部署,这两篇博客一定要... 查看详情

vue和ssr+nuxt.js配置环境变量以及pm2进行服务部署(代码片段)

前言分享一下自己的ssr+nuxt.js开发的跨境电商的配置的项目环境变量。nuxt.js配置环境变量第一步:安装cross-env插件npminstallcross-env--save第二步:根目录下创建env.js文件第三步:env.js文件配置环境变量配置各个环境下... 查看详情

vue和ssr+nuxt.js配置环境变量以及pm2进行服务部署(代码片段)

前言vue-ssr+nuxt.js开发的跨境电商的配置的项目环境变量。nuxt.js配置环境变量第一步:安装cross-env插件npminstallcross-env--save第二步:根目录下创建env.js文件第三步:env.js文件配置环境变量配置各个环境下的接口地址和... 查看详情

nuxt.jsexpress模板项目服务器部署

 nuxt版本:0.10.6技术栈:nuxt.js,express,pm2部署环境:windowsserver之前用nuxt.js的express的模板项目在windows下用nginx进行代理访问,其实有点多余,直接用host文件就可以达到相同的效果,仅供娱乐吧,熟悉一下nginx的基本配置也是好... 查看详情

pm2下如何运行nuxt?

...标题】:Howtorunnuxtunderpm2?【发布时间】:2019-01-2307:06:28【问题描述】:我有2个需要在服务器上运行的nuxt项目。每当我在本地运行应用程序时,它似乎都在使用:npmrundev,但是在服务器上这需要在子进程下运行,所以我使用pm2。... 查看详情

nuxt部署上线

...考文章链接:next.js、nuxt.js等服务端渲染框架构建的项目部署到服务器,并用PM2守护程序-每天一探-SegmentFault思否1.安装NGINX2.node3.npm4.pm25.将完成好的nuxt项目打包(npmrunbuild)       .nuxt    &#... 查看详情

nuxt与vue部署到服务器的区别(代码片段)

nuxt.js项目怎么部署到服务器?今天我们来讲一下怎么部署一个基于nuxt制作的网站,我们用nuxt制作的网站有什么好处?答:采用nuxt.js开发,一般都是为了实现SSR。让搜索引擎更好的抓取网页内容,就是利... 查看详情

nuxt.js服务端渲染实践,从开发到部署

感悟经过几个周六周日的尝试,终于解决了服务端渲染中的常见问题,也成功说服了公司新项目采用前后端分离的解决方案,当SEO不在是问题的时候,或许才是我们搞前端的真正的春天,其中也遇到了一些小坑,Nuxt.js官方还是... 查看详情

pm2部署nuxt3.js项目并设置服务器重启时项目自动重启(代码片段)

...eo的项目比较好的框架,那么开发完成项目,如何部署nuxt项目也是比较重要的,接下来就记录一下我在开发中是如何部署的。我之前写过一篇vue和ssr+nuxt.js配置环境变量以及pm2进行服务部署,这两篇博客一定要... 查看详情

nuxt与vue部署到服务器的区别(代码片段)

nuxt.js项目怎么部署到服务器?今天我们来讲一下怎么部署一个基于nuxt制作的网站,我们用nuxt制作的网站有什么好处?答:采用nuxt.js开发,一般都是为了实现SSR。让搜索引擎更好的抓取网页内容,就是利... 查看详情

linux部署nuxt.js项目(代码片段)

1.首先本地打包yarnbuild2.把.nuxt文件夹、static文件夹、nuxt.config.js、package.json和相关配置文件移到linux相关目录下3.在目录下执行yarn4. pm2start--name'tools' npm--rundev  查看详情

nuxt项目部署(代码片段)

1,安装node,npm,pm2必须使用root身份进入,非root身份参考https://blog.csdn.net/u010218170/article/details/104733217进入node官网获取最新的安装文件链接下载安装文件:wget https://nodejs.org/dist/v12.16.3/node-v12.16.3-linux 查看详情

nuxt项目部署后的nginx代理配置(代码片段)

关于nuxt部署参阅https://blog.csdn.net/weixin_36185028/article/details/1063356811,安装nginx2,配置nginx在nginx中配置能在不同的设备自动定向到h5或pc页面假设网站域名为xxx.com,nuxt启动后pm2的list中的pc端进程为xxxpc,package.j 查看详情

使用 nuxt s-s-r 页面加载非常缓慢

】使用nuxts-s-r页面加载非常缓慢【英文标题】:Pageloadsveryslowlywithnuxts-s-r【发布时间】:2021-04-1123:45:45【问题描述】:我的项目将nuxt.js与Firebase结合使用。我使用nuxt/Firebase包。我有很多页面使用asyncData或fetch从Firebase数据库和存... 查看详情

Nuxt部署错误:服务器资源不可用

】Nuxt部署错误:服务器资源不可用【英文标题】:Nuxtdeploymenterror:serverresourcesarenotavailable【发布时间】:2019-06-2609:38:31【问题描述】:为了在s-s-r模式下部署我们的nuxt网站,我们首先在bitbucket管道中构建和单元测试网站,如果测... 查看详情

nuxt遇到的解决的问题

1pwa用nuxt无法做pwa或者说做pwa较困难因为nuxt并没有暴露出index.html文件,无法在里边注册pwa而且无法拷贝sw.js到根目录,因为sw.js默认托管他所在的目录下一般是放在根目录比较合适。然而nuxt起来的服务默认所有的都在_nuxt虚拟目... 查看详情

nuxt项目怎么使用pm2进行启动

pm2startnpm--runstartpm2startnpm--name"xxx"--runstart这种方式全部启动不起来参考技术Apm2startnpm--name“jsyfShopNuxt”–runstart备注:自己笔记用 查看详情

如何在 Nuxt 应用中部署整个 Wordpress 应用?

】如何在Nuxt应用中部署整个Wordpress应用?【英文标题】:HowtodeploywholeWordpressappinNuxtapp?【发布时间】:2021-05-3003:48:08【问题描述】:是否可以在Nuxt应用中部署完整的wordpress应用?我的意思是我想要我的应用程序的地址foo.com和foo.... 查看详情