github自动部署nuxt项目

部署前的准备

最近在学习 nuxt 框架,花了几天做了一个 realWorld 博客 demo,正好遇到了一些部署的问题,在这里做一个简单的教程。
在部署前我们需要准备一些东西:

  1. 首先你需要一个本地能够跑通的项目
  2. 然后需要一个能够使用的云服务器,可以到阿里云或者腾讯云买一个 linux 服务器
  3. 在 linux 服务器上安装 node,安装过 node 可以直接略过,如果没安装过看我之前写的在linux服务器上安装node教程
  4. 在 linux 服务器上安装 pm2,我们需要使用 pm2 来在服务器上后台开启一个进程来持续运行我们的项目
    pm2 的安装步骤:
# 将 npm 的镜像源设置为淘宝镜像,否则安装极慢,甚至会失败
npm config set registry https://registry.npm.taobao.org

# 全局安装 pm2
npm install pm2 -g

# 建立全局软连接
ln -s /usr/local/src/nodejs/bin/pm2 /usr/local/bin/

# 验证是否安装成功
pm2 -v

如果能出现版本号,就证明安装成功了

配置文件

1. nuxt.config.js

在 nuxt.config.js 中增加 server 字段

server: {
   
  host: '0.0.0.0', // 监听所有的网卡服务器,保证生产服务器能够被访问
  port: 3000 // 项目端口
},

2. pm2.config.json

在项目的根目录下增加 pm2.config.json,用作配置 pm2 运行的脚本文件

{
   
  "apps": [
    {
   
      "name": "RealWorld", // 项目名称
      
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值