如何在实际服务中运行 nuxt.js？

Posted 2023-02-22

【中文标题】如何在实际服务中运行 nuxt.js？

【英文标题】：How to run nuxt.js in real service?

【发布时间】：2017-10-28 17:56:32

【问题描述】：

我在中使用了 vue-cli

vue init nuxt/express myProject

和，

npm 运行开发

开发。

但是，

npm 运行构建

之后，创建了 dist 文件。

如何在 pm2 中运行真实服务？

（我将在 AWS EC 中使用 ubuntu。）

【参考方案1】：

您只需要像这样启动您的应用程序：

pm2 start npm --name "your-project-name" -- start

查看状态：

pm2 status

之后可以重启/停止：

pm2 restart your-project-name
pm2 stop your-project-name

【讨论】：

我的项目名称是什么？ Nuxt / expressnpm 是否需要定位运行构建后创建的文件夹？

项目名只是PM2的别名。最重要的是“pm2 start npm --start”，这是PM2做“npm run start”的方式，然后nuxt的“start”脚本就知道目标文件夹是“dist”。

我现在明白了。我试过了。 我终于解决了。非常感谢。开心点。

添加，实际服务中需要移动哪些文件夹？ Build/main.js和.nuxt/dist？

【参考方案2】：

先决条件

node.js 安装在网络服务器上 在 Web 服务器上安装和配置 nginx 在 Web 服务器上安装和配置 pm2

然后

添加到您的通用 Nuxt 应用程序以提供服务，尽管 PM2 是一个名为 ecosystem.config.js 的文件。 在您的根项目目录中创建一个具有该名称的新文件并添加以下内容：

 module.exports = 
   apps: [
     
       name: 'project-name',
       exec_mode: 'cluster',
       instances: 'max', // Or a number of instances
       script: './node_modules/nuxt/bin/nuxt.js',
       args: 'start'
     
   ]
 

通过 FTP（FileZilla 等）连接到您的 linux 服务器 将我标记的蓝色文件发送到服务器。 （不需要上传node_modues、.nuxt、dist、.git、.idea等文件夹）

通过 ssh 控制台连接服务器，(windows : putty) 并转到您上传文件的项目文件夹。

 cd /
 cd var/www/project-name

安装node_modules文件夹;

 npm install

执行nuxt构建并创建.nuxt文件夹;

 npm run build

最后，准备启动启动pm2服务器；

 pm2 start