JSON不'；在Chrome浏览器中通过HTTPS使用Vue.js/VueResource进行解码

我有一个应用程序运行在Laravel 5.3、Vue.js 1.0.26和Vue资源上。在应用程序中，我有几个组件在编译组件时从同一应用程序中的API检索数据

所以我会有这样的东西：

this.$http.get('https://app.com/api/account/').then((response) => {
    this.$set('user', response.data);
}, function (error) {
    console.error(error);
});

然后，这应该在我的Vue数据中解码为：

user: {
    name: "Miles Davis",
    email: "cool@trumpet.com"
}

在Chrome开发工具中，我可以看到我的请求正确地发回了JSON。然而，我注意到：

在Chrome中，当我不使用HTTPS时，它可以正常工作

在Chrome中，如果我使用HTTPS，则JSON无法正确解码。它存储为：

{\'name\'：\'Miles Davis\'，\'email\'：\'cool@trumpet.com\“}

在Safari中，无论我使用的是HTTPS还是HTTP，数据都会被正确解码

如果我确实使用Vue资源的

response.json（）

，那么Chrome甚至可以通过HTTPS正确解码数据

---

所以，我的问题是：为什么这只发生在HTTPS上的Chrome上？

内容类型是什么？是

应用程序/json

？是。响应头

content-type

是

application/json

。请求头

accept

是

application/json、text/plain、*/*

。网站和API是否托管在同一个域上？是否存在任何CORS问题？API位于同一个域上，因此CORS在这里不应成为问题。

内容类型是什么？是
应用程序/json
？是。响应头
content-type
是
application/json
。请求头
accept
是
application/json、text/plain、*/*
。网站和API是否托管在同一个域上？是否存在任何CORS问题？API位于同一个域上，因此CORS在这里不应成为问题。