在我们的服务器环境中有不少Nuxt应用，但是项目的配置都有问题，会导致项目部署重启的时候会不可用，提示 502 Bad Gateway。而且启动服务的时候总会有奇怪的错误信息，而真正的错误日志又看不到。

下面直接讲正确部署与重启的姿势是怎样。

配置服务

首先我们需要在工程根目录创建一个PM2环境配置文件 ecosystem.config.js

module.exports = {
   apps: [
     {
       name: '项目名称', // 如 ks.mbachina.com
       exec_mode: 'cluster', // 启动模式，cluster为集群，无需修改
       instances: 'max', // // 实例数量，max为CPU核心数，无需修改
       script: './node_modules/nuxt/bin/nuxt.js', // 无需修改
       args: 'start' // 启动参数，通常无需修改
     }
   ]
 }

构建工程

这里没什么特别的，本地通过 npm run build 或者通过Jenkins进行构建部署到服务器。

需要注意的点是需要将上面的 ecosystem.config.js 部署到服务器上的项目根目录。

启动服务（创建服务）

cd 工程目录
pm2 start

执行上面的命令之后就会自动创建出pm2服务了。

重启服务（不停机重启）

pm2 reload $项目名称

将上面命令的 $项目名称 替换为在ecosystem.config.js中配置的实际项目名称即可。

注意这里用的是reload命令，不要用restart命令。

再次提示，更新代码后只需要执行reload命令即可，不需要先stop、delete再start。

参考：https://nuxtjs.org/docs/2.x/deployment/deployment-pm2

参考文章：https://blog.csdn.net/zhjx922/article/details/7601660

KindEditor本身支持音视频文件的上传，但是对于这些文件的支持是依赖于浏览器控件的，兼容性很差，而且现在比较常见的视频文件MP4也不支持，因此本文提供了对KindEditor进行修改的办法，使其在添加视频后可直接使用CKplayer进行播放。

CKplayer下载地址：http://www.ckplayer.com/down/
我这里使用的是2018-12-20的X1版本

使用简单调用方式：http://www.ckplayer.com/manualX/14.html

KindEditor我为了省事，我这里使用的是kindeditor.all.js直接进行修改，其他文件大同小异。

首先找到K.options，在embed数组中增加下面两项

'flashvars', 'allowfullscreen'

然后修改函数 function _mediaType(src)

// 把
if (/.(swf|flv)(\?|$)/i.test(src)) {
// 改成
if (/.(swf|flv|mp4)(\?|$)/i.test(src)) {

找到函数 function _mediaEmbed(attrs) 为html中的<embed标签添加两个属性

allowscriptaccess="always" allowfullscreen="true"

找到 KindEditor.plugin(‘media’ 修改音视频插件生成HTML的方法

// 将原有的HTML生成代码进行修改

var html = K.mediaImg(self.themesPath + 'common/blank.gif', {
     src : url,
     type : K.mediaType('.swf'),
     width : width,
     height : height,
     quality : 'high'
 });
// 改为

var html = K.mediaImg(self.themesPath + 'common/blank.gif', {
     src : '/resource/ckplayer/ckplayer.swf', // 这里替换成你的ckplayer.swf的实际位置
     flashvars : 'video=' + url.replace(/^video=/, ''),
     type : K.mediaType('.swf'),
     width : width,
     height : height,
     quality : 'high'
 });

还需要将media插件代码的后半段中对视频属性修改的部分进行处理

// 找到
urlBox.val(attrs.src);
// 替换为
urlBox.val(attrs.flashvars);

最后只要在创建KindEditor实例时在items中添加’media’就可以了。