web-dev-qa-db-ja.com

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

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

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

ありがとう!

6

これには 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で働いています。

2
str