问题标签 [vue-resource]

我使用 VueJS 并使用插件 vue-resource 发出请求，但我不知道为什么当我尝试使用 FormData 发送到服务器时，它在 IE11 中不起作用？

这是代码：

你能帮助我吗？谢谢！

Vue资源：

我的 api 正确配置了 CORS laravel ..

我得到那个错误：

请求标头：

我哪里错了？:(

谢谢！

我正在努力使用 vue-resource 发出 JSONP 请求。任何人都可以提供一些工作示例来演示定义 jsonp 回调的正确方法，在 Vue 组件中处理调用等等。

谢谢

**编辑：**对于其他人，让我们稍微澄清一下情况。重点是什么 - 我在网站上有一个未经身份验证的用户，我想让他做一些需要身份验证的操作（例如创建帖子）。但是，在创建帖子的最后，我想向他展示登录模式窗口，让他使用社交 oAuth 提供程序登录，并在成功登录后，让帖子被批准等等。问题是这个从前端到不同域（社交提供者）的调用被阻止（CORS 问题），然后我尝试使用 JSONP 来克服障碍。尝试设置 JSONP 调用花费了我很多时间，最后我决定采用完全不同的方法：

在创建帖子的过程结束时，会创建一个 cookie，关注信息是什么被所有必要的细节打断了。之后，将显示登录模式。整个登录过程是从服务器端完成的，最后，当用户身份被确认时，重定向到初始页面。进一步，检查 cookie 并根据数据，中断的操作继续成功执行，因为现在用户已通过身份验证。

@bryceadams 再次感谢您的回答！

我在使用数据表时遇到问题，我用它来显示我从 vuejs 请求返回的数据，但我似乎无法在我发出第二个请求后取回数据并对其进行排序。

我的第一个请求可以像这样很好地取回数据

从这里获取数据后，表格填充得很好，我可以对其进行正确排序，但是当我提出新请求时，它会破坏表格，它会用数据填充表格，但是当我单击排序时，它只显示初始来自第一个请求的数据。

这让我相信我需要首先删除数据并销毁表，但我似乎没有做任何事情。

任何帮助表示赞赏，并将提供所需的任何进一步信息，谢谢

编辑：我基本上需要知道重新初始化表，这样它将是一个新表，其中填充了我传入的新值。

我正在使用 laravel(5.2) 和 vue 的新手。我正在尝试将数据从数据库传递到视图。看来我的正确路线很好，我得到了一些 json 数据响应，但我无法将数据记录到控制台或我的视图。请让我知道我做错了什么。

这是我的 ShowEvent 组件存储在 .vue 文件中

这是我的 main.js 文件

这是视图文件

我正在尝试在使用 AJAX 检索的列表上应用过滤器，我遇到的问题是 Vue.js 尝试在加载和显示列表之前应用过滤器。

这是我到目前为止所拥有的：

在这里，我尝试将过滤器应用到在日期创建的游戏上，它在尝试加载页面时结束抛出错误

在尝试过滤数据之前，有没有办法让过滤器“等待”加载列表？

我正在尝试通过绑定到模型来更改标头值。

这里tokenId有正确的值，但是当我从 更改它时input，它不会影响$http.headers.common['X-Vault-Token'].

我正在考虑使用$watch但如何在这里使用它？

我正在尝试测试我创建的使用 vue-resource 进行 API 调用的服务。该服务应该使用新数据进行调用并更新组件，但是在我的测试中它没有注册更新的值。我使用与vue-cli webpack示例相同的设置，并且我的身份验证服务基于这个 repo（不幸的是没有任何测试）

我的服务：

我的测试：

当我运行测试时它失败了，因为它期望''等于'一些错误'。

我的怀疑是 vue-resource 正在使用承诺这一事实。

在安装路由器之前，我设置了一个全局 Vue 实例并像这样使用 vue-resource：

现在我的 Vue 实例正在由路由器本身实例化，如下所示：

当我的实例没有绑定变量时如何使用 vue-resource？

我有一个站点部署到 Heroku，我使用 Cloudflare 作为代理。

对于一些前端行为，我使用 Vue 和 Vue-resource 来执行一些 ajax 请求。响应采用带有Content-Type:application/json标头的 JSON 格式。

奇怪的是，当我的脚本出错时，因为响应没有被 vue-resource 解析为 javascript 数组/对象，尽管这是预期的行为。但是，仅当通过 Cloudflare URL 访问该站点时才会出现此问题。如果我从 Heroku url（例如 foo-bar-1234.herokuapp.com）访问它，一切正常。它在我的本地开发环境（Vagrant，Nginx）上也运行良好。

该问题也仅出现在 Chrome 中。无论它是否是 Cloudflare，它在 Safari 和 Firefox 中都可以正常工作。

我相信问题一定出在 CloudFlare 对 Heroku 服务器的响应所做的事情上，这导致 Chrome 中的 Vue 资源无法正确解析响应。

作为参考，这里是来自 CloudFlare-served 请求的响应：

与 heroku 服务的相比：

标题看起来非常相似，所以我想不出响应的不同之处会导致这种情况......

任何调试建议表示赞赏。

更新：编译的 javascript 可以在这里看到（大文件）：https ://github.com/samarkanddesign/samarkand-web/blob/master/public/js/admin.js

这是一个大文件，所以最好查看 repo：https ://github.com/samarkanddesign/samarkand-web/tree/master/resources/assets/js

更新 2：在两种情况下执行的 vue-resource ajax 请求示例：

1. CloudFlare

2. 直接来自 Heroku：

我们可以在 heroku 示例中看到响应data被解析为一个对象数组，而在 CloudFlare 中它是一个字符串。