ubuntu部署nuxtjs前端项目

266 阅读2分钟

最近工作中需要在服务器端部署前端项目,而自己对服务端相关知识知之甚少,所以算是从零起步。以下就是部署的一些过程记录一下:

1、安装 MobaXterm 终端管理器进行管理

服务端用的ubuntu,cmd命令行实在不是很方便,这里用的MobaXterm终端管理器,非常好用。服务器端登录:ssh '账号'@'host地址'。

2、ubuntu相关命令

pwd: 显示当前所处目录

ls: 当前目录的文件列表

cd: cd / 进入根目录, cd ../ 返回上级目录

mv: mv 需要移动的目录 移动到的位置 '文件名'(移动文件、修改文件名)

sudo apt install '需要安装的包'

sudo rm -rf '文件或文件夹名'(删除文件)

netstat -ntulp|grep "3000"(查看指定端口占用情况,n|t|u|l|p分别代表不同的意思,还有很多其他的参数,可以查文档)

curl '网址'(查看网页内容)

sudo vim /etc/nginx/sites-available/default(nginx配置)

sudo service nginx start/stop (nginx开启关闭)

目前用到这几个命令,其他看文档。

3、node下载安装

我是在本地进行对应node版本的压缩文件下载下载地址 然后上传到服务器,并进行解压安装的。

tar -xvf '压缩文件'(可以对gz/xz解压)
sudo mv '解压的文件' /usr/local/lib/node(文件夹命名为node,并移到/usr/local/lib目录下)
sudo ln -s /usr/local/lib/node/bin/node /usr/local/bin/node(映射,node可以全局使用)
sudo ln -s /usr/local/lib/node/bin/npm /usr/local/bin/npm
sudo nano /etc/profile(配置环境变量)
在文件底部加入下段:
#node
export NODE_HOME=/usr/local/lib/node
export PATH=$NODE_HOME/bin:$PATH
node -v  npm -v 验证安装是否成功

如果是rar压缩文件,需要安装解压包sudo apt install unrar,然后到目标文件夹执行unrar x '安装包'进行解压。

到此,ubuntu安装指定node就完工了!

4、相关配置

nuxt项目默认访问3000端口,部署到服务器上时需配置host(改为0.0.0.0)或用nginx做映射,否则访问不了(nginx代理配置

每次关闭命令窗口或断开服务器连接,应用也跟着关了。所以此处用pm2做守护进程(参照官网配置)。需要做映射

sudo ln -s /usr/local/lib/node/bin/pm2 /usr/local/bin

结语:因为关于nuxt相关的文章非常多,而且我也参考了一些,都讲的比较全面了,所以本文章没有很详尽的讲nuxt的代码,包括sitemap/proxy等。以上只是记录我的一些心得。有问题的小伙伴可以评论,看到我会回复,希望能帮到大家。