問(wèn)題描述

使用vue2服務(wù)端渲染的web站點(diǎn)，它的大概流程：

node服務(wù)器接受到客戶端的請(qǐng)求

然后向其他服務(wù)器請(qǐng)求數(shù)據(jù)

把獲取到的數(shù)據(jù)給vue渲染

把渲染后的東西返回給客戶端

如有錯(cuò)誤，歡迎指正

那么我現(xiàn)在疑惑的是，在2和3步驟，如何在服務(wù)端請(qǐng)求數(shù)據(jù)，然后給vue渲染，具體需要用到什么工具，如何實(shí)現(xiàn)？

提供數(shù)據(jù)的接口是常見(jiàn)的那種采用JSON格式的，問(wèn)題相當(dāng)于是，在node服務(wù)器中，如何像瀏覽器那樣，向接口（url地址）發(fā)起請(qǐng)求（拉或推數(shù)據(jù)）。

我查看了vue2的官方文檔并搜索了相關(guān)的資料，沒(méi)有發(fā)現(xiàn)相關(guān)的描述。希望知道的大神給解答一下。

問(wèn)題解答

用request這個(gè)包來(lái)可以方便地發(fā)送請(qǐng)求。

這幾天在研究vue的服務(wù)端渲染，目前發(fā)現(xiàn)下面兩個(gè)包可以實(shí)現(xiàn)nodejs向其他服務(wù)器請(qǐng)求數(shù)據(jù)。我現(xiàn)在用的是axios，因?yàn)槲铱吹絘xios同時(shí)支持nodejs和瀏覽器。這對(duì)vue服務(wù)端渲染來(lái)說(shuō)十分有用，希望可以給大家參考一下。下面是地址：

request

axios

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

vue-hackernews 2.0版本 demo里面都有，前后端同構(gòu)的框架，可以在這個(gè)的基礎(chǔ)上改改弄弄基本可以滿足小項(xiàng)目的需求了

我推薦使用 一個(gè) express 的 proxy 包,這樣在 vue2中請(qǐng)求, node 里面就不用重復(fù)寫 router controller 了,設(shè)置好代理規(guī)則就行了.

從官方給出的渲染方案能看出，后端只是在頁(yè)面硬塞了數(shù)據(jù)及數(shù)據(jù)狀態(tài)進(jìn)去，就效果而論渲染的工作還是前端負(fù)責(zé)，所以其他后端也能做到。具體看例子寫script標(biāo)簽到頁(yè)面那段:)

我也想知道，如何把數(shù)據(jù)渲染到vue的模版里，研究了好久沒(méi)搞懂~~！！