title: Get/use/read external non local JSON from your project
body: <p>It's been few mounths i've been working on Vue.js, everything is great.
  But Now i'm dealing with a bigger problem, i've been tryng to solve since too much time :p  </p>
  
  <p>There is the problem : </p>
  
  <p>I have a JSON file wich is located at  : /usr/local/bin/JSONTEST/ScrapMonitorFerry_2019-12-02_14-05.json</p>
  
  <p>I also have a project in Vue.js in a different folder :  /usr/local/bin/MyApplication</p>
  
  <p><strong>I would like to access to the JSON file from my application and use some of the data.
  Even if this JSON is located in an external folder !</strong></p>
  
  <p><strong>Do you guys have any method in mind  to do that ? Is it even possible ? **
  **I've found some lead on the web but none of them got me to the wanted outcome :</strong> </p>
  
  <p>-using JSONP</p>
  
  <p>-using Vuex</p>
  
  <p>-using Webpack</p>
  
  <p>-using React or Angular </p>
  
  <p>I've been looking for answer for a while,
  I found at how to get JSON file directly when it's located in the Application folder using Ajax :</p>
  
  <pre><code>$.ajax({
  url: 'ScrapMonitorFerry_2019-12-02_14-05.json',
  dataType: 'json',
  type: 'get',
  async: false,
  //cache: false,
  success: function(data) {
    console.log("**************LA : *************");
    console.log(data);
    console.log("fin 1er fction");
  
    $(data.info).each(function(index,value) {
    console.log("on affiche value :  ");
    console.log(value.website_name);
          });
  
      }
  });
  </code></pre>
  
  <p>I also find out how to acces to a JSON file located in a different local folder :  using fetch method : </p>
  
  <pre><code>"use strict";
  var myInit= {
    method: 'GET',
    headers: {
      'Content-Type': 'application/json'
    },
    mode:'cors',
    cache: 'default'
  };
  
  let myRequest = new Request("./data/ScrapMonitorFerry_2019-12-02_14-05.json",myInit);
  
  fetch(myRequest)
    .then(function(resp) {
      return resp.json();
  
      })
      .then(function(data) {
      console.log(data);
      }); 
  </code></pre>
  
  <p>Thanks for all the answers and lead you guys might right,</p>
  
  <p>léo</p>