宝塔部署的项目页面无法显示_宝塔面板如何部署nuxt项目

1、先在本地执行npm run build 命令,然后将项目根目录下除了node_modules文件夹,其他都打包上传到服务器web服务下,注意.nuxt是隐藏文件夹。当然其实不build也可以,在服务上执行sudo npm install 后再执行 run build也一样。然后执行npm start 就可以看到项目已经运行在localhost:3000了,这个时候你输入你的域名或ip 的3000端口就可以看到你的项目了。

2、此时项目只是运行起来了,如果你的项目部署在你的域名下,你打开你的域名后发现并不能访问,必须要在域名后加一个3000的端口,类似http://blog.disab.com:3000 这样才能访问,所以需要用Nginx配置一个反向代理如下:

e10fddb4d8cb47e5d5ed9f95f9c90599.png

注意不是你当前的域名,也不是localhost:3000,而是http:127.0.0.1:3000,否则不会生效。

3、配置完反向代理后这个时候如果你执行npm start的窗口还没关掉的话现在已经是能看到输入域名后就能看到你的nuxt项目了,但是你会发现如果你把你的端口窗口关掉项目就会停止运行,因为这时候npm start并不在后台运行,所以需要想个办法来让项目在后台运行,这样才能实现其他人能随时看到你的项目,具体做法:
1)先安装pm2管理器,sudo npm install pm2 -g 全局安装
2)执行pm2 start npm --name “my-nuxt” – run start,其中 “my-nuxt” 为自定义服务器,后续会用到。
此时会看到已经启动的服务

3)通过执行pm2 list命令查看已经在后台运行的服务,通过pm2 stop “my-nuxt” 停止服务,通过pm2 delete “my-nuxt” 删除服务。

c83c90aae52a3e5c67fcef9ec7e7cdfc.png

大功告成,你可以休息一会,欣赏一下你的网站了。

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值