Nuxt.jsを使用して、JSONファイルからのデータを資産のロード

Question

Nuxt.jsプロジェクトフォルダ構造にassets/data/geo/regions.jsonファイルがあるとします。このファイルからプロジェクトにデータを読む方法は？

私はaxiosを試してみましたが、このファイルがあるのか​​わかりません、私はすべての可能なURLを試しました。それをするより良い解決策は何ですか？ staticフォルダにJSONファイルを保持することをお勧めします。

ありがとう！

Answer 1

これには nuxt content を使用できます。

@ NUXT/Content Module：Content/Directoryに書き込み、MarkDown、JSON、YAML、XML、およびCSVファイルをGITベースのヘッドレスCMSとして機能します。

基本は次の行ほど簡単です。それはlideed.jsonファイルをロードし、それを解析し、そのコンテンツをcontent変数に保存します。それについての詳細については、NUXTコンテンツのマニュアルを参照してください。

const content = await this.$content('regions').fetch()
 _

あるいは、私たちのブログ投稿についてを読むことができます JSONファイルでNUXTコンテンツを使用して 。 JSONコンテンツを使用して既存のページを拡張する方法も説明しますが、それに基づいて動的にページを生成する方法も説明します。

_{免責事項：私はFREEAS CMSで働いています。}