pm2与serve的单页应用食用指南

pm2做进程管理,用serve做静态文件服务器,配置如下:

// pm2.config.js

module.exports = {
    apps: [
        // ...
        {
            name: 'music-app',
            script: 'serve',
            args: '-p 8080 -s build',
        }
    ]
}

问题如下:

  • 直接访问端口可访问,点击链接可访问
  • 刷新页面或直接输入url,404
  • 命令行使用serve直接开启服务无以上问题

关于问题详情大力戳这里

查找问题

执行pm2 show music-app,结果如下:

➜  hehehe git:(master) ✗ pm2 show music-app      
 Describing process with id 1 - name music-app 
┌───────────────────┬──────────────────────────────────────────────────┐
│ status            │ online                                           │
│ name              │ music-app                                        │
│ restarts          │ 69                                               │
│ uptime            │ 3s                                               │
│ script path       │ /usr/local/lib/node_modules/pm2/lib/API/Serve.js │
│ script args       │ -p 8080 -s build                                 │
│ error log path    │ /Users/xixi/.pm2/logs/music-app-error-1.log   │
│ out log path      │ /Users/xixi/.pm2/logs/music-app-out-1.log     │
│ pid path          │ /Users/xixi/.pm2/pids/music-app-1.pid         │
│ interpreter       │ node                                             │
│ interpreter args  │ N/A                                              │
│ script id         │ 1                                                │
│ exec cwd          │ /Users/xixi/work/hehehe                       │
│ exec mode         │ fork_mode                                        │
│ node.js version   │ 8.6.0                                            │
│ watch & reload    │ ✘                                                │
│ unstable restarts │ 0                                                │
│ created at        │ 2017-10-11T10:07:33.119Z                         │
└───────────────────┴──────────────────────────────────────────────────┘

emmmm,注意script path,显然执行的不是我们要的serve啊。
摔!

为什么会这样

原因在这里:戳我!
pm2从2.4.0版本后可以直接开启一个静态文件服务器了,听起来很美,但是!!!
它开启静态服务器的指令也叫serve,所以我们并没有能够用想要的nodejsserve包开启服务器,而是使用了pm2内置的功能。
由于内置的静态文件服务功能并没有针对单页应用做优化,因此会出现上述问题。

两个解决方案

  • 直接指定nodejsserve包可执行文件的路径:
// pm2.config.js

const path = require('path')

module.exports = {
    apps: [
        // ...
        {
            name: 'music-app',
            script: path.resolve(__dirname, './node_modules/serve/bin/serve.js'),
            args: '-p 8080 -s build',
        }
    ]
}
  • 给全局的nodejsserve包取一个别名,比如修改.bashrc

然后执行pm2 show music-app,结果如下:

➜  hehehe git:(master) ✗ pm2 show music-app                                  
 Describing process with id 1 - name music-app 
┌───────────────────┬────────────────────────────────────────────────────────────┐
│ status            │ online                                                     │
│ name              │ music-app                                                  │
│ restarts          │ 0                                                          │
│ uptime            │ 8s                                                         │
│ script path       │ /Users/xixi/work/hehehe/node_modules/serve/bin/serve.js │
│ script args       │ build/ -s -p 3030                                          │
│ error log path    │ /Users/xixi/.pm2/logs/music-app-error-1.log             │
│ out log path      │ /Users/xixi/.pm2/logs/music-app-out-1.log               │
│ pid path          │ /Users/xixi/.pm2/pids/music-app-1.pid                   │
│ interpreter       │ node                                                       │
│ interpreter args  │ N/A                                                        │
│ script id         │ 1                                                          │
│ exec cwd          │ /Users/xixi/work/hehehe                                 │
│ exec mode         │ fork_mode                                                  │
│ node.js version   │ 8.6.0                                                      │
│ watch & reload    │ ✘                                                          │
│ unstable restarts │ 0                                                          │
│ created at        │ 2017-10-11T10:11:23.846Z                                   │
└───────────────────┴────────────────────────────────────────────────────────────┘

可以看到script path已经是我们想要的路径,问题解决。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,189评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,577评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,857评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,703评论 1 276
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,705评论 5 366
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,620评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,995评论 3 396
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,656评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,898评论 1 298
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,639评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,720评论 1 330
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,395评论 4 319
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,982评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,953评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,195评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 44,907评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,472评论 2 342

推荐阅读更多精彩内容