前端 - 使用vue2服务端渲染的时候,如何在服务端请求数据,然后给vue渲染
黄舟
黄舟 2017-04-17 15:33:24
0
7
629

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

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

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

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

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

如有错误,欢迎指正

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

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

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

黄舟
黄舟

人生最曼妙的风景,竟是内心的淡定与从容!

全員に返信(7)
左手右手慢动作

リクエスト パッケージを使用すると、リクエストを簡単に送信できます。

いいねを押す +0
阿神

私は最近 vue のサーバー側レンダリングを研究しており、現在、次の 2 つのパッケージを使用すると、nodejs が他のサーバーからデータをリクエストできることがわかりました。 axios が nodejs とブラウザーの両方をサポートしていることがわかったので、現在 axios を使用しています。これは vue のサーバーサイドレンダリングに非常に便利です。皆さんの参考になれば幸いです。アドレスは次のとおりです:

リクエスト

アクシオス

いいねを押す +0
巴扎黑

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

いいねを押す +0
伊谢尔伦

vue-hackernews バージョン 2.0 はデモに含まれています。フロントエンドとバックエンドの同型フレームワークは、基本的に小規模プロジェクトのニーズを満たすように変更および修正できます。

いいねを押す +0
迷茫

vue2 でリクエストするときに、プロキシ ルールを設定するだけでルーター コントローラーを繰り返し記述する必要がないように、エクスプレス プロキシ パッケージを使用することをお勧めします。

いいねを押す +0
黄舟

公式のレンダリング プランから、バックエンドはデータとデータ ステータスをページに詰め込むだけであることがわかります。効果という点では、フロントエンドがレンダリング作業を担当するため、他のバックエンドでも実行できます。詳細については、例を参照して、script タグをページに記述してください:)

いいねを押す +0
Ty80

vue テンプレートにデータをレンダリングする方法も知りたいです。ずっと勉強しているのですが、まだわかりません~~! !

いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート