vue ssr服務端渲染 基於centos nginx 線上部署實戰

vue-ssr結果預覽
參考網址： https://www.autmake.com

正文：

1.背景：
a.有的項目有seo需求且如今mv*框架是大的趨勢，便考慮到用vue ssr，然而百度及google裏幾乎找不到部署相關的文檔，都比較碎片，以至本身在部署時比較吃力，在這裏分享出來。

2.前期準備：
a.vue2+ssr項目(爲不涉及隱私問題，我這裏不貼出個人代碼，你能夠vue官方的demo vue-hackernews爲例。
b.支持node的虛擬主機(個人是centos7)
c.pm2管理進程
d.代碼傳輸（如：ForkLift、FileZilla）

3.介紹
咱們要在兩處維護代碼，服務端+cdn處。

4.實戰步驟
a.登陸虛擬主機centos（以下圖）

b.安裝node、npm、pm2等。可參考https://www.youtube.com/watch...
c.新建ftp用戶及密碼重置。可參考http://v.youku.com/v_show/id_...
d.nginx配置。可參考：https://www.youtube.com/watch...

e.上傳代碼
cd /yourProjectPath 執行npm run build,上傳dist整個文件夾、server.js、 package.json。

f.啓動pm2

5.總結
有vue ssr相關問題歡迎交流
QQ:1543927600~