NuxtJs 在 plesk 服务器上部署问题答案

【问题标题】：NuxtJs deploying issue on plesk serverNuxtJs 在 plesk 服务器上部署问题
【发布时间】：2021-09-09 10:05:12
【问题描述】：

我在 plesk 服务器上托管一个域。它包含Nodejs V 12.4.0，我没有使用诸如express之类的东西。我只是在我的电脑中使用NodeJs V. 16创建nuxt应用程序create-nuxt-app，然后运行命令npm run build，然后在我上传文件/文件夹之后（ .nuxt、nuxt.config.js、static 和 package.json）到服务器上的文件夹 httpdoc/merostatus.com/（已上传所有文件/文件夹）。。 p>

在服务器中设置 Nodejs：

Document Root : /httpdocs/merostatus.com/static    
Application Mode : production  
Application URL : http://merostatus.com
Application Root : /httpdocs/merostatus.com  
Application Startup File : node_modules/nuxt/bin/nuxt.js

完成此设置后，我点击 Plesk 上的 NPM 安装 按钮并重新启动应用程序

但输出不如预期。它正在搜索 pages 文件夹，当我将 Application Startup File 指向 .nuxt/server.js 它没有找到 vue 实例。

我的服务器刚刚上线以解决问题 https://merostatus.com

【问题讨论】：

@kissu 感谢您的回复和帮助。 Plesk 服务器完全是网状的。直到今天它只支持 npm V12。我将在答案部分发布解决方案。
你的意思是 Node.js v12？
确实，它看起来有点过时了：ext.plesk.com/packages/…!

标签： node.js deployment nuxt.js plesk

【解决方案1】：

我目前正在使用 OS Ubuntu 20.04 的 Plesk VPS 服务器

我通过以下方式进行更改解决了这个问题

第 1 步： 添加 nuxt-start 模块：npm install --save nuxt-start

第 2 步： 构建项目：npm run build

第 3 步： 将项目上传到服务器，包括所有依赖项（整个项目不仅是 .nuxt）

第 4 步：更改服务器中 Nodejs 的设置：

Document Root: /httpdocs    
Application Mode: production  
Application URL: http://merostatus.com
Application Root: /httpdocs  
Application Startup File: node_modules/nuxt-start/bin/nuxt-start.js

【讨论】：

【解决方案2】：

如果你有target: server（默认），你确实需要npm run build。通常的过程是通过npm run build 或npm run generate（如果target: static）。

然后，仅上传您的dist 目录就足够了。不需要任何其他文件。然后，运行npm run start（某些平台会为您执行此操作）。

我不确定您的 Plesk 服务器配置，但您可以尝试构建您的应用并将 dist 目录放到 Netlify，至少看看它是否在那里构建：https://app.netlify.com/drop

那么，如果你做到了，我们可以寻找 Plesk。

【讨论】：