使用vue2服务端渲染的时候,如何在服务端请求数据,然后给vue渲染

使用vue2服务端渲染的web站点,它的大概流程:

  1. node服务器接受到客户端的请求

  2. 然后向其他服务器请求数据

  3. 把获取到的数据给vue渲染

  4. 把渲染后的东西返回给客户端

如有错误,欢迎指正

那么我现在疑惑的是,在2和3步骤,如何在服务端请求数据,然后给vue渲染,具体需要用到什么工具,如何实现?

提供数据的接口是常见的那种采用JSON格式的,问题相当于是,在node服务器中,如何像浏览器那样,向接口(url地址)发起请求(拉或推数据)。

我查看了vue2的官方文档并搜索了相关的资料,没有发现相关的描述。希望知道的大神给解答一下。

阅读 16.7k
10 个回答

这几天在研究vue的服务端渲染,目前发现下面两个包可以实现nodejs向其他服务器请求数据。我现在用的是axios,因为我看到axios同时支持nodejs和浏览器。这对vue服务端渲染来说十分有用,希望可以给大家参考一下。下面是地址:

request

axios

request这个包来可以方便地发送请求。

新手上路,请多包涵

我也想知道,如何把数据渲染到vue的模版里,研究了好久没搞懂~~!!

vue-hackernews 2.0版本 demo里面都有,前后端同构的框架,可以在这个的基础上改改弄弄基本可以满足小项目的需求了

我推荐使用 一个 express 的 proxy 包,这样在 vue2中请求, node 里面就不用重复写 router controller 了,设置好代理规则就行了.

从官方给出的渲染方案能看出,后端只是在页面硬塞了数据及数据状态进去,就效果而论渲染的工作还是前端负责,所以其他后端也能做到。具体看例子写script标签到页面那段:)

刚刚好我这边发布了一个关于vue-ssr的项目。

项目地址:https://github.com/eugeneCN/v...

特点

  1. 轻量、简单、无混杂代码
  2. 集成pm2命令 全局安装pm2可使用
  3. 精简打包,生产环境不发布源代码
  4. 客户端跨域问题

感兴趣的朋友可以看看。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏