vue ssr服务端渲染 基于centos nginx 线上部署实战

前端之家收集整理的这篇文章主要介绍了vue ssr服务端渲染 基于centos nginx 线上部署实战前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

1.背景:
a.我司的项目有SEO需求且现在mv*框架是大的趋势,我们便考虑到用vue ssr,然而百度及google里几乎找不到部署相关的文档,都比较碎片,以致自己在部署时比较吃力,在这里分享出来。

2.前期准备:
a.vue2+ssr项目(为不涉及隐私问题,我这里不贴出我的代码,你可以vue官方的demo vue-hackernews为例。
b.支持node的虚拟主机(我的是centos6.5)
c.pm2管理进程
d.ftp(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配置

e.上传代码
cd /yourProjectPath 执行npm run build,上传dist整个文件夹、server.js、 package.json。

f.启动pm2

5.结果

6.总结我们最近准备上线vue ssr项目,有vue ssr相关问题欢迎留言或私信交流~

原文链接:https://www.f2er.com/centos/377754.html

猜你在找的CentOS相关文章