当前位置:Gxlcms > JavaScript > 使用node+vue.js实现SPA应用_node.js

使用node+vue.js实现SPA应用_node.js

时间:2021-07-01 10:21:17 帮助过:8人阅读

业务需求

最近公司要求开发web版的app,由于app是偏向内容方面,而且带了一个聊天模块,所以一般的多页开发不是很适合,而且主要是手机浏览,对加载速度或者用户体验来说都比较苛刻。调研了很多框架和模式,最后自己东拼西凑搞出来了这么一个玩意。

服务端

毫无疑问使用node,使用typescript可以有效的在编码同时查错,强类型语言写服务端毫无压力。

服务端渲染页面

#layout.ejs 访问这个SPA的所有url返回的都是这个页面 标签都可以动态设置,只要传参数进来就可以



  
  Vue Router Example
  
  

客户端

需要完善的地方

前后端统一模板,已经找到方法了把html分离出来,node端用fs.readFileSync方法获取,客户端用webpack的raw-loader获取html内容

不放源码都是瞎扯。

源码地址

https://github.com/yjj5855/node-vue-server-webpack

人气教程排行