nuxt项目部署到linux上

1 安装nginx

https://blog.csdn.net/lh155136/article/details/111292396

2 安装nodejs

https://blog.csdn.net/lh155136/article/details/111194424

3 本地前端npm run build打包后将以下4个文件放到shop文件夹,再将shop文件夹压缩一个名为shop的压缩包

在这里插入图片描述

自行建立路径/app/data/
cd /app/data/
上传压缩包rz -y选择刚才压缩好的shop压缩包
解压
unzip shop.zip
显示-bash: unzip: command not found
执行yum -y install unzip zip

在这里插入图片描述

4 解压后进入shop目录,安装需要的包npm install

在这里插入图片描述

5 启动nuxt

npm run start

在这里插入图片描述
在说一下遇到的坑
图片是之前截的路径略有不同,这个问题是前端解决的,大概意思是一些依赖找不到,所以又加了一个文件tsconfig.json,这个不是必须的
在这里插入图片描述

这里解释一下端口8000是后来改的,因为3000强行杀死后还是一直被占用
在nuxt.config.js中修改
在这里插入图片描述

此时如果ctrl+c退出就意味着nuxt关闭
所以需要pm2进程守护

6 安装pm2

cd /usr/local/node/bin/
npm install pm2 -g

在这里插入图片描述

如有兴趣可以到官网自行学习
pm2官网
https://pm2.keymetrics.io/
在这里插入图片描述

7 启动

去shop目录:cd /app/data/shop
查看进程:pm2 list
启动nuxt项目(在此目录执行):pm2 start npm --name “gangganghao” – run start
删除进程:pm2 delete gangganghao
在这里插入图片描述
–name 后面的是package.json里面的name
在这里插入图片描述

8 配置nginx代理

vi /etc/nginx/nginx.conf

server里面加上

   listen       80;
   server_name	192.0.0.1;
   location / {
   		proxy_pass http://127.0.0.1:8000;# nuxt项目url
   }

nginx -s reload

查看某个端口是否有进程(用来查看nuxt项目是否启动)
netstat -anp |grep 8000

9 页面访问服务名字192.0.0.1(已脱敏)

server_name 192.0.0.1;
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值