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

2022-07-29 15:02:58

首先我们来看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

 

关于

联系方式 :

mail: hey_cool@163.com ,
QQ:583459700

备案许可证编号:蜀ICP备16005545号-1 © COPYRIGHT 2015-2022 zhmzjl.com | by: KAPO