AxiosはSafariブラウザで動作しません

Question

私は、vueインスタンス内でcreated（）に対して呼び出された簡単なメソッドgetInfo（）リクエストを持っています。外部のAPIからデータを取得し、ページ上にレンダリングします。

created() { 
    this.getInfo(); 
}, 
methods: { 
    getInfo() { 
     let vm = this; 
     let url = [my api url]; 
     axios.get(url) 
      .then(response => { 
       console.log(response); 
      }) 
      .catch(error => { 
       console.log(error); 
      }) 
    }, 

この方法はChromeで問題なく動作しますが、Safari（High Sierra、10.13.2）では完全に無視されます。これがなぜ起こっているのでしょうか？コンソールエラーはありません。

Answer 1

、このようないくつかのことを試してみては以下のコードを参照してください、この問題を解決することができました。私はAxiosコールをリファクタリングし、いくつかの新しいオプションを追加しました。キーは、axios呼び出しのURLにキャッシュバスターを追加することでした。 Safariはこれを自動的に行いません。みんな助けてくれてありがとう。

getInfo: function() { 
     let vm = this; 
     let url = let url = [my api url]; 

     axios({ 
      method: 'get', 
      url: url + '?nocache=' + new Date().getTime(), // Safari fix 
      withCredentials: true 
     }) 
      .then(response => { 
       console.log(response) 
      }) 
      .catch(error => { 
       console.log(error); 
      }) 
    }, 

Answer 2

@Bertは彼のコメントで述べたように、メソッドのショートカットはSafariブラウザではまだサポートされていません。

[OK]を

created() { 
    this.getInfo(); 
}, 
methods: { 
    getInfo:() => { 
     let vm = this; 
     let url = [my api url]; 
     axios.get(url) 
      .then(response => { 
       console.log(response); 
      }) 
      .catch(error => { 
       console.log(error); 
      }) 
    },