Vue.jsでjsonファイルからデータを取得する

ざっくり書きます。

まず、Vue-CLIでローカルのjsonを直接読み込む方法とaxiosというライブラリで取得する方法がある。

axoisの場合、注意点がいくつか。

まず、ネット上にあるAPIを叩く場合は問題ない。

詰まったのはローカル環境の開発で、同階層に保存しているjsonにアクセスした時にエラーが発生すること。

ざっくり言うと、httpでアクセスしないといけないらしい。ローカルのfile://だとダメ。

なので、Vue-CLIでローカルサーバー立てて、アクセスすると問題解消します。