Nuxt3项目实战篇10——如何部署到服务器

首先我们来看package.json中添加命令

 "scripts": {
    "build": "nuxt build", //打包文件到正式环境
    "dev": "nuxt dev", // 启动开发环境
    "generate": "nuxt generate", 
    "preview": "nuxt preview"  
  },

• "build":  创建一个.output目录，其中包含您的所有应用程序、服务器和依赖项，可用于生产。
• "generate":  该generate命令预渲染应用程序的每个路由，并将结果存储在纯 HTML 文件中，您可以将其部署在任何静态托管服务上。该命令触发nuxi build带有prerender:true的参数
• "preview":  该preview命令在运行命令后启动服务器以预览您的 Nuxt 应用程序build。
• "dev":  启动开发环境

 要部署到服务器，首先是要对的程序打包，

yarn build 
// or 
npm run build

生成一个.oupput的文件夹， 里面包含public文件夹和 server文件夹。 public下面主要放一些静态资源文件，server下的index.mjs就是我们的启动入口文件。 我们要做的事情是： 把.output下的所有文件后后放在服务器上。

服务器部署方法：nginx 反向代理到3000端口，用pm2管理前端项目。安装启动步骤为：

node版本：v14.7.0
1、安装nvm：nvm是一个node的版本管理工具，可以简单操作node版本的切换、安装、查看。。。等等，与npm不同的是，npm是依赖包的管理工具。
wget -qO- https://raw.githubusercontent.com/nvm-sh/nvm/v0.37.2/install.sh | bash
2、加入系统环境
source ~/.bashrc
3、安装需要的node版本
nvm install v14.7.0
4、查看已安装版本号
nvm list
5、全局安装pm2进程管理工具
npm install -g pm2
6、进入项目根目录
安装依赖：npm install
7. 启动：pm2 start npm -- run serve