关键词:
参考技术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.... 查看详情