vue nuxt项目部署到阿里云

VUE NUXT应用到服务端部署过程
由于seo的需要,新的前端项目采用nuxt服务器端渲染,现记录Linux服务器端部署过程。

一、搭建nodejs环境
(一)下载Nodejs
下载地址:https://nodejs.org/zh-cn/download/
下载稳定版(长期支持版)的Linux 二进制文件 (x64)
在这里插入图片描述

(二)安装Nodejs
放到要安装的目录,比如: /srv/
解压:tar -xvf node-v14.16.0-linux-x64.tar.xz
修改目录名: mv node-v14.16.0-linux-x64 nodejs
建立软连接,便于系统调用:
ln -s /srv/nodejs/bin/node /usr/local/bin/node
ln -s /srv/nodejs/bin/npm /usr/local/bin/npm
测试nodejs:node -v
测试npm:npm -v
(三)安装pm2并建立软连接
npm install -g pm2
ln -s /srv/nodejs/bin/pm2 /usr/local/bin/pm2
二、上传前端项目文件
npm run build 打包应用,上传以下文件到服务器:

.nuxt
static
nuxt.config.js
package.json
三、部署运行
进入前端项目文件目录
运行npm install 安装package里的依赖
运行npm start 就可以运行起来nuxt的服务渲染了(测试使用)
常驻后台运行方式:
pm2 start npm --name “my-nuxt” – run server
其中 my-nuxt的名称是 我们在package中的项目名称。
执行完pm2的启动命令后,我们用 pm2 list 查看一下进程列表。run server是我们配置的命令

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值