部署前的准备
最近在学习 nuxt 框架,花了几天做了一个 realWorld 博客 demo,正好遇到了一些部署的问题,在这里做一个简单的教程。
在部署前我们需要准备一些东西:
- 首先你需要一个本地能够跑通的项目
- 然后需要一个能够使用的云服务器,可以到阿里云或者腾讯云买一个 linux 服务器
- 在 linux 服务器上安装 node,安装过 node 可以直接略过,如果没安装过看我之前写的在linux服务器上安装node教程
- 在 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", // 项目名称