vuejs：Axios用のローカルjsonファイルの正しいパス

Question

私のVueプロジェクトでは、私は次のステップ開発のためにいくつかのデータを嘲笑しました。私はすでにjsonファイルにテストデータを保存しています。そして、私のVUEプロジェクトは、Vueの-CLIで作成した代表的なものであり、私のプロジェクトのための構造は、次のようになります：あなたが見ることができるように、すべてのフォルダが元々VUE-CLIによって作成され

My_project 
    build 
    config 
    data 
     service_general_info.json 
    node_modules 
    src 
     components 
      component-A 
       component-A.vue 

。そして私は新しいフォルダdataを作り、テストデータのjsonファイルを内部に置きます。

そして、私は、次のようcomponent-Aのコンポーネント内の関数をイベント処理にaxiosライブラリによってデータに読みたい：

methods: { 
    addData() { 
     console.log('add json data...'); 
     axios.get('./../../data/service_general_info.json'); 
    }, 
    }, 

私はターゲットを見つけるために相対パスを使用すると、404エラーが発生しますfile.Butバック。どのようにパスを正しく設定するのですか？現在、私はローカルホストでdevモードを実行しています。

エラーメッセージは次のとおりです。GET http://localhost:8080/data/service_general_info.json 404 (Not Found)

Answer 1

HTTP呼び出しがサーバーから行われると、axiosあなたはhttp://localhost:8080にしているという考えを持っていない、あなたは完全なURLを与える必要があります。このよう

：

methods: { 
    addData() { 
     console.log('add json data...'); 
     axios.get('http://localhost:8080/data/service_general_info.json'); 
    }, 
    },