搜尋

首頁  >  問答  >  主體

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

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

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

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

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

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

如有错误,欢迎指正

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

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

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

黄舟黄舟2786 天前635

全部回覆(7)我來回復

  • ringa_lee

    ringa_lee2017-04-17 15:35:24

    用request這個包來可以方便地發送請求。

    回覆
    0
  • 阿神

    阿神2017-04-17 15:35:24

    這幾天在研究vue的服務端渲染,目前發現下面兩個套件可以實作nodejs向其他伺服器請求資料。我現在用的是axios,因為我看到axios同時支援nodejs和瀏覽器。這對vue服務端渲染來說十分有用,希望可以跟大家參考一下。下面是地址:

    request

    axios

    回覆
    0
  • 巴扎黑

    巴扎黑2017-04-17 15:35:24

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

    回覆
    0
  • 伊谢尔伦

    伊谢尔伦2017-04-17 15:35:24

    vue-hackernews 2.0版本 demo裡面都有,前後端同構的框架,可以在這個的基礎上改改弄弄基本可以滿足小項目的需求了

    回覆
    0
  • 迷茫

    迷茫2017-04-17 15:35:24

    我推薦使用 一個 express 的 proxy 包,這樣在 vue2中請求, node 裡面就不用重複寫 router controller 了,設置好代理規則就行了.

    回覆
    0
  • 黄舟

    黄舟2017-04-17 15:35:24

    從官方給出的渲染方案能看出,後端只是在頁面硬塞了資料及資料狀態進去,就效果而論渲染的工作還是前端負責,所以其他後端也能做到。具體看範例寫script標籤到頁那段:)

    回覆
    0
  • PHP中文网

    PHP中文网2017-04-17 15:35:24

    我也想知道,如何把資料渲染到vue的模版裡,研究了好久沒搞懂~~! !

    回覆
    0
  • 取消回覆