我正在尝试使用 Fetch API 与 Laravel (5.5/5.6) 一起放置一些主体(数据或文件)。当我将 CSRF token 添加到 header 中(因为我需要它)时,我收到错误 419(未知状态)。在我的示例中,我已最小化范围,以便轻松找到原因。
问题发生在获取时(我没有得到任何结果:所以 result.ok
不正常)。
我看到很多人因为 token 而遇到同样的问题。但在我的示例中,我确实使用了 token ,但在获取方面仍然存在问题。我的代码有什么问题吗?
路线(routes\web.php)
<?php
use Illuminate\Http\Request;
use Illuminate\Support\Facades\Route;
Route::get('/test', function () {
return view('test');
});
Route::put('/test/put', function (Request $request) {
// PUT some stuff
return response()->json([
'feedback' => 'test result is ok!'
]);
})->name('test.put');
<小时/>
Blade (资源\views\test.blade.php)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="csrf-token" content="{{ csrf_token() }}">
<title>Test</title>
</head>
<body>
<form id="test-form" method="post" action="{{ route('test.put') }}">
<input type="text" name="test" value="123" title="Test">
<button type="submit">Put</button>
</form>
<script>
(function () {
function getToken() {
let metas = document.getElementsByTagName("meta");
for (let i = 0; i < metas.length; i++) {
let meta = metas[i];
if (meta.name === "csrf-token") {
return meta.content;
}
}
}
function buildOptions(form) {
let formData = new FormData();
let testVal = form.querySelector('input[name="test"]').value;
formData.append("test", testVal);
let token = getToken();
let headers = new Headers({
'X-CSRF-TOKEN': token
});
return {
method: 'PUT',
body: formData,
headers
};
}
function putIt(form) {
let url = form.getAttribute('action');
let options = buildOptions(form);
fetch(url, options)
.then(response => {
if (response.ok) {
return response
}
throw new Error("Response is not ok");
})
.then(response => response.json())
.then(console.log)
.catch(err => console.error("Something went wrong", err))
}
document.getElementById('test-form').addEventListener('submit', function(e) {
e.preventDefault();
putIt(this);
});
})();
</script>
</body>
</html>
<小时/>
最佳答案
您所要做的就是将 api 路由从 web.php 文件移动到 api.php 文件 因为 laravel 对每个文件使用不同的中间件 https://laravel.com/docs/4.2/routing#basic-routing
关于javascript - Laravel PUT 响应错误 419。 token 被添加到 header 中。我仍然没有得到结果,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51589131/