nuxt通过宝塔部署在服务器

一.环境要求

nginx、node、pm2

通过宝塔【软件商城】安装好环境

二.本地打包好程序

本地nuxt项目运行 npm run build 会在.nuxt目录生成dist

三.上传文件到服务器

1)宝塔创建站点

 2)将本地项目文件:.nuxt文件夹、static文件夹、nuxt.config.js和package.json文件 上传到服务器站点根目录

四.运行程序

1)打开终端定位到站点根目录

2)安装依赖

 3)使用pm2守护运行

  pm2 start npm --name "duopaiship-pc(进程名称可随意命名)" -- run start

 

注意:

1.直接运行npm run start 也是可以但是这样的话关闭终端后站点就同时关闭了 使用需要使用pm2进行守护运行;

2.直接 运行 pm2 start npm --name "duopaiship-pc(进程名称可随意命名)" -- run start 如果程序有错误不会提示 所以建议先运行 npm run start  确保程序没问题将运行守护 pm2 start npm --name "duopaiship-pc(进程名称可随意命名)" -- run start

 五.配置反代理

打开网站站点设置  =>  反代理

nuxt默认端口是3000

也可以自定义修改

在 package.json文件加入以下代码 设置端口为3005

"config":{
      "nuxt":{
          "host":"127.0.0.1",
          "port":"3005"
        }
   }

 直接访问站点域名就可以了!!

  • 5
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

尚浩码农

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值