vue-cli3でaxios経由でローカルにあるjsonファイルを読み込む方法について

Question

https://medium.com/@negarjf/how-to-access-a-static-json-file-in-vue-cli-3-8943dc343f95
を参考してローカルに配置してるjsonファイルをaxios経由で取得する実装してますが、404エラーが出てます。

そもそも、vue-cli3でstaticなファイルをjson経由で取得することは可能でしょうか。

<script lang="ts">

import axios from "axios";
import { Component, Vue } from "vue-property-decorator";
@Component
export default class Contents extends Vue {

  created() {
    // Fetch Data
    this.fetchData();
  }

  fetchData() {
    axios.get("http://localhost:8080/" + "test.json").then(response => {
      console.log("response:", response);
    });
  }
}
</script>

test.jsonはどこを見てるかわからず以下のディレクトリにそれぞれ入れてますが、
どちらも読み込まれず404エラーが出てます。

プロジェクトルート/test.json
プロジェクトルート/root/test.json
プロジェクトルート/src/public/test.json

なにか良い改善策があれば教えていただけますでしょうか

Answer 1

プロジェクトルート/public/test.jsonに配置してください。

Comments

[Kimsehwa]

ありがとうございます！できました。