Я создаю приложение React-redux, которое при нажатии кнопки отправляет запрос GET для получения данных из API.У меня есть такая настройка, но теперь у меня возникают проблемы с асинхронной отправкой этих данных в мою базу данных с использованием Laravel и fetch.api.Кто-нибудь может увидеть, что не так с моим кодом?
// HTML
<meta name="csrf-token" content="{{csrf_token()}}">
// web.php
Route::get('/', 'PagesController@index');
// api.php
Route::post('/', 'PostsController@store');
// контроллер сообщений
public function store(Request $request)
{
$post = new Post();
$post->id = $request->('imdbID');
$post->title = $request->('Title');
$post->year = $request->('Year');
$post->type = $request->('Type');
$post->URL = $request->('Poster');
$post save();
return view('welcome');
}
// store.js
const persistedState = loadstate();
const store = createStore(rootReducer, persistedState,
applyMiddleware(...middleware));
store.subscribe(() => {
console.log('state updated');
console.log(store.getState());
saveState(store.getState());
});
// actions.js
export const saveState = (state) => {
try {
const serializedState = JSON.stringify(state);
fetch('/api', {
method: 'POST',
mode: 'no-cors',
Headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content'),
},
body: { serializedState }
})
.then((res) => res.json())
.then((data) => console.log(data));
} catch (err) {
console.log(err);
}
}
Я получаю следующие ошибки:
app.js: 77556 POST http://apijob.test/api 500 (Внутренняя ошибка сервера),
apijob.test /: 1 Uncaught (вобещание) SyntaxError: неожиданный токен <в JSON в позиции 0 </p>