Vue Js：在使用 vue-resource 和 Laravel 的补丁 ajax 上出现 400 BAD REQUEST

Question

我不知道我做错了什么，但是我通过 Vue 资源对我的 Ajax 补丁请求的请求 URL 正在获取：

400 错误请求

但这只是在本地环境中！！！当我将它推送到服务器时，它就可以工作了！

有人知道为什么吗？

这是我的要求：

var id = thing.id;
            this.$http.patch('/api/things/' + id, thing).then(function(data){
                console.log('edited to: '+data);
});

在开发工具中查看“网络”选项卡时，请求参数应全部正确。

这是我的路线：

Route::resource('/api/things','ThingsPanelController');

这是我的控制器：

public function update(Request $request, $id)
{
    Thing::findOrFail($id)->update([
        'body'=>$request->body,
    ]);
    return Response::json($request->all());
}

可能是因为我添加的 ID 是 'api/things' + id，它在路由中将其视为不是通配符，而是作为字符串！ ?

这是我使用的表格。我阻止默认并有 ajax 请求，所以表单操作甚至不应该是相关的......

<form action="update" @submit.prevent="doneEdit(thing)">
    <input type="hidden" name="_method" value="PATCH">
    <input type="text"
        v-model="thing.body"
        v-thing-focus="thing == editedThing"
        @blur="doneEdit(thing)"
        @keyup.esc="cancelEdit(thing)"
    >
</form>

Answer 1

检查您的本地服务器以及您的实时服务器上是否存在问题。

在这种情况下，问题仅出在本地服务器上。然后这样做：
停止工匠的发球，并执行：php artisan cache:clear

然后再试一次：php artisan serve，问题应该解决了。

问题可能是由 CodeKit 之类的程序引起的。即使您的 php artisan serve 将在 ip 8000 上提供服务，CodeKit 也会出于自动重新加载的原因更改此设置。这会弄乱 ajax 调用 uri。