Axios GET无法在Safari浏览器中使用

时间:2017-12-18 23:14:07

标签: safari vue.js vuejs2 axios

我有一个简单的方法getInfo()请求在vue实例中的created()上调用。它从外部api抓取数据并将其呈现在页面上。

<div id="content">
    <aside>aside</aside>

    <div id="primary">primary</div>


</div>

该方法在Chrome中运行得非常好,但在Safari(High Sierra,10.13.2)中完全被忽略。有什么想法可能会发生吗?没有控制台错误。

3 个答案:

答案 0 :(得分:2)

确定能够解决问题,请参阅下面的代码。我重构了axios调用,并添加了一些新选项。关键是在axios调用中向URL添加缓存 - 破坏者。 Safari不会自动执行此操作。感谢大家的帮助。

awk

答案 1 :(得分:2)

对我来说,我发现如果我将/添加到我的终端的末尾,例如/users/而不是/users它在Safari中有效,并且它不在它之前

答案 2 :(得分:-1)

正如@Bert在评论中提到的那样,Safari浏览器还不支持方法快捷方式。

尝试这样的事情,

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);
          })
    },