您的位置:首页技术文章
文章详情页

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

【字号: 日期:2023-10-06 18:21:38浏览:60作者:猪猪

问题描述

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

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

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

把获取到的数据给vue渲染

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

如有错误,欢迎指正

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

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

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

问题解答

回答1:

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

回答2:

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

request

axios

回答3:

http://rc.vuejs.org/guide/ssr...

回答4:

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

回答5:

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

回答6:

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

回答7:

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

标签: vue