やりたいこと Vue.jsで個人開発しているSPAアプリケーションにLP(ランディングページ)を埋め込むことがありました。 実現したいこととしては、 静的にHTMLを読み込んでほしい(SEO的に、jsなしでも動くことが条件) 同じドメイン下に置きたい できればVueだけで解决したい(LPのためだけにNuxtやGridsomeで書き直すようなことはしたくない) 調べてみた 最初にたどり着いた方法が、 リバースプロキシ を使ってURLでレスポンスを変える方法でしたが、Vue単体で解決できてないのでとりあえず保留。 色々情報を漁っていると… Vue.jsには MPA を構築する機能が標準で搭載されているらしい…? MPAとは (知っている方は読み飛ばしてください) VueやReactなど、モダンなフロントエンドフレームでは SPA (シングルページアプリケーション)として開発するのが主流です。つ
![Vue3で静的なHTMLを読み込ませたかった - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/1867d97eace0ea0c89216ffedd8671778535c44d/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9VnVlMyVFMyU4MSVBNyVFOSU5RCU5OSVFNyU5QSU4NCVFMyU4MSVBQUhUTUwlRTMlODIlOTIlRTglQUElQUQlRTMlODElQkYlRTglQkUlQkMlRTMlODElQkUlRTMlODElOUIlRTMlODElOUYlRTMlODElOEIlRTMlODElQTMlRTMlODElOUYmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPWQxZjYxYTYyYzQyMmRmYTc2YmFkZDY4YzVmYWViZjA2%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBjaGlrNGdlJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz00MDEwYWI2M2Q1OTllYmJmYTdhYTc4YmUzMGUzODNhYQ%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3D9c6452aa5979cbad868548c180484e78)