NuxtでSPAをホストしたい

って、なんのこと?と思うかもしれません。Nuxtはフロントエンドツールなので、ビルドで生成されるjsがあればよいだけで、提供しているページに自動的に読込みされます。やりたいことは、既に稼働している別のサイトのページにコンテンツを提供するようにしたいのです。通常はAPIを提供して使ってもらうという流れでしょうが、既存サイト側にAPIで読み込んだデータを表示するページの開発が必要になります。その開発の手間をSPAとしてこちら側から提供したい!というのが希望です。

こうゆう要件はありますよね? Disqusのようなサービスです。他にも、たとえばいろいろな公共施設のサイトは既に存在しているわけですが、そのサイトに利用予約申し込み機能を一手に引き受けるサービスとかあれば良い気がします。このような時、サービス側はどのようにその機能を提供するのが良いのでしょうか?CORSなSPAとして提供するのが良い気がしますがどうなのでしょう?よくわかっていませんが、とりま試してみましょう。

さて、そのSPAをNuxtなサイトでホストすることにします。SPAはどうやって作るの?を一瞬迷いますが、NuxtはあくまでSPAホストサーバー、SPA自体は別途作成してNuxtサイトに設置するという方針で切り離して考えることにします。SPAのビルドができました。そのファイルをNuxtサイトの/publicフォルダに設置しました。さ~、テストサイトのページで、このSPAを読んでみましょう! はい、CORSエラーが発生しました;ですよね...

登録:2025-01-24 01:54
更新:2025-01-24 01:59
by nasu38yen
Copyright (C) 2014 Stadio Peace All Rights Reserved.