前端 - 使用vue2服務端渲染的時候,如何在服務端請求數(shù)據(jù),然后給vue渲染
問題描述
使用vue2服務端渲染的web站點,它的大概流程:
node服務器接受到客戶端的請求
然后向其他服務器請求數(shù)據(jù)
把獲取到的數(shù)據(jù)給vue渲染
把渲染后的東西返回給客戶端
如有錯誤,歡迎指正
那么我現(xiàn)在疑惑的是,在2和3步驟,如何在服務端請求數(shù)據(jù),然后給vue渲染,具體需要用到什么工具,如何實現(xiàn)?
提供數(shù)據(jù)的接口是常見的那種采用JSON格式的,問題相當于是,在node服務器中,如何像瀏覽器那樣,向接口(url地址)發(fā)起請求(拉或推數(shù)據(jù))。
我查看了vue2的官方文檔并搜索了相關的資料,沒有發(fā)現(xiàn)相關的描述。希望知道的大神給解答一下。
問題解答
回答1:用request這個包來可以方便地發(fā)送請求。
回答2:這幾天在研究vue的服務端渲染,目前發(fā)現(xiàn)下面兩個包可以實現(xiàn)nodejs向其他服務器請求數(shù)據(jù)。我現(xiàn)在用的是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 了,設置好代理規(guī)則就行了.
回答6:從官方給出的渲染方案能看出,后端只是在頁面硬塞了數(shù)據(jù)及數(shù)據(jù)狀態(tài)進去,就效果而論渲染的工作還是前端負責,所以其他后端也能做到。具體看例子寫script標簽到頁面那段:)
回答7:我也想知道,如何把數(shù)據(jù)渲染到vue的模版里,研究了好久沒搞懂~~!!
