SSRをどうやって確認するのか?

更新:2020/10/27 11:52 by nasu38yen

SSR/SPAの違いは、configにssr:true/falseどっちを指定するかだけ
ssr:trueでbuildすると、Bundling for server and client side が実行されて、
ssr:falseでbuildすると、Bundling only for client side が実行される
ssr:falseでbuildすると、さらにルートにdistフォルダが生成される。
buildされるものは、明らかに違っていそうだ。
しかし、startした後の動作の違いがわからないTT
サーバーサイドでレンダリングされいる。をどうやって確認すればよいのだろう??
ブラウザF12のNetworkペインには、どちらの実行であってもAPIへのアクセスが記録される。
これって、SSRであってもasyncDataがクライアント側で実行されるということ??
なわけないですよね;
localのstartではSSR/SPAの違いは確認できなくて、配置してみないとわからない!
ということだろうか...

というのは、すべてのページでSSRが実行されるのだろうという自分の思い込みが原因でした。
最初に表示されるページでは確かにAPIへのアクセスは行われていないのはブラウザで確認できました。
SSRであっても、その後のリンクをたどるページの表示はブラウザ側で処理されるのです。
これはlocalのstartでの実行でも確認できました。
SSRの目的から考えても、これはあたりまえなのかもしれませんが、完全に誤解していました。
ホスティングのコストを考えるとこのためだけにSSRを選択することはあるだろうか??
このためだけであれば、割り切ってSPAでいいんじゃね!と思ってしまいます;

親ノート

SPA⇒SSRを試す 更新:2020/10/27 11:51 by nasu38yen