サーバーサイドレンダリングの原理がわからない。

Nuxt.js + LaravelでSSR
https://qiita.com/MyPoZi/items/19df4258287a5bc25829

↑を読みました、まだ記事通り実装してませんが
フロントからaxiosでバックエンドへリクエスト、HTMLを受け取って
それをvueのデータバインディングで差し替えてlaravelからの出力を表示しているようです。

SSRとは結局、フロントから非同期通信でデータとってきてそれを
フロントFWのリアクティブ機能で差し替える。という原理なのでしょうか？？

それだと、curlでアクセスした際完全な形で取得できないのでは？あとから差し替えているわけですから。

SPA：バックからjsonでデータ受け取ってそれを元にリアクティブで差し替える
SSR：バックからhtmlでデータ受け取ってそれを元にリアクティブで差し替える

ということですか？

SSRの仕組みをわかりやすく教えて下さい。
あとSPAの理解に間違いあったらツッコミください

m.ts10806

2020/05/30 12:10 編集

こういう記事は読まれた上の質問ですか？ https://www.publickey1.jp/blog/17/server_side_renderingserver_side_rendering_ng-japan_2017.html https://qiita.com/amakawa_/items/e7d0720e1ab8632769bf どこまで調べたのか分からないので、何をもって「バックからhtmlでデータ受け取ってそれを元にリアクティブで差し替える」という理解をしたのか記載してください。

退会済みユーザー

2020/05/30 16:20

ありがとうございます。「バックからhtmlでデータ受け取ってそれを元にリアクティブで差し替える」最初に載せたqiita記事の下記のコードをみてそのように思いました。 -----pages/hello.vue----------------------------------------------------------------- <template> <div> {{ data }} </div> </template> <script> export default { async asyncData ({ app }) { const data = await app.$axios.$get(`http://localhost/api`) return { data } } } </script> --------------------------------------------------------------------------- 理解が間違っているとのことでしたら、このコードはどのような処理がどういう順序で行われているのかご説明願えませんでしょうか。また、頂いたリンク先の記事を読みました。＞Node.jsを実行できるサーバーが必要になるという記述がありますが、これは、バックエンド側でjsを実行し完全な形のHTMLを生成し、クライアントへ返すためでしょうか？そうなると、今回のlaravelのコードを見てもそれに該当する箇所はないように思いました。

m.ts10806

2020/05/30 20:56

質問は編集できますので