求助如何在node服务器上部署vue ssr
发布于 4 年前 作者 wmui 4613 次浏览 来自 问答

我已经在segmentfault上提问过了,没有大神回答。 vue服务端渲染如何部署到线上。也没有google到解决的方案,自己也研究了几天,实在是能力有限。我知道非服务端渲染的vue项目打包后dist目录有一个html文件,部署简单。但是官方的hackernews案例打包后是js文件,就不知道如何部署了,我还在github上提了 issue,如果有朋友有解决方案,望不吝赐教,先谢谢各位了。官方打包后的dist目录文 件2017-06-04_163828.png

8 回复

参考下 https://github.com/beauty-enjoy/beauty

npm run build 
npm run start  // 就OK了

@netpi 大哥啊,你这个项目我早都研究过了,你这个打包后会在dist目录生成一个html文件。 主要是不支持动态标题和代码分割。我构建了两个版本,一个基于官方hn最新版,一个是基于类似你这个版本的。所以啊我还是想知道官方是如何跑起来的。不过还是谢谢你啊,说实话啊我在很多博客评论下都能见到你,哈哈

@wmui https://github.com/vuejs/vue-hackernews-2.0/blob/master/server.js#L18 看这行 server端先读取了模板的html 然后 createRenderer 方法会把 这个template 作为参数 返回一个最终 renderer 的对象

官方文档不可能没有吧

npm run build 生成dist目录 nginx服务器映射

忘记说了,问题已经解决了,其实项目我是在本地跑的,node做的服务器,本来我跑了两个端口,后来发现跑一个端口不就行了吗,这样也不用跨域了,于是我把服务端文件和service.js合二为一,就解决了。如果后端用的其他环境,就需要在服务器上再配置node环境,如5楼所说做映射。谢谢大家的热心帮助

一个月前我还在为如何部署项目而google,如今项目已上线,https://cnodejs.org/topic/596aced427c8372819db0b02

回到顶部