nuxt项目部署到linux上

导读:本篇文章讲解 nuxt项目部署到linux上,希望对大家有帮助,欢迎收藏,转发!站点地址:www.bmabk.com

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;
在这里插入图片描述

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

文章由极客之家整理,本文链接:https://www.bmabk.com/index.php/post/116411.html

(0)
Java光头强的头像Java光头强

相关推荐

发表回复

登录后才能评论
极客之家——专业性很强的中文编程技术网站,欢迎收藏到浏览器,订阅我们!