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;