gistfile1.txt

export const fetchApi = async (url, init = {}) => {
	const result = await fetch(`${baseUrl}${url}`,{...init});

	if (!result.ok) {
		throw new Error(`Ошибка при запросе ${url}, код ${result.status}`);
	}

	return await result.json();
};

import React from 'react';
import {fetchApi} from './services/api/fetchApi';
import './scss/styles.scss';

export const App = () => {
	const onSubmit = (e) => {
		e.preventDefault();

		fetchApi('/sites')
			.then(res => {console.log(res)})
			.catch(err => {console.log(err)});

		console.log('submitted');
	};

	return (
		<div className='app'>
			<form className='form' onSubmit={onSubmit}>
				<input className="form__input" type='text'/>
				<input className="form__input" type='text'/>
				<input className="form__input" type='text'/>
				<input className="form__input" type='text'/>

				<button type="submit" className="form__submit">обновить</button>
			</form>
		</div>
	);
};

Server.js

const express = require('express');
const app = express();
const port = 3001;

app.get('/api/sites', (request, response) => {
    response.send({
        "userId": 1,
        "id": 1,
        "title": "delectus aut autem",
        "completed": false
      });
});

app.use((err, request, response, next) => {
    console.log(err);
    response.status(500).send('Ошибка на сервере');
})

app.listen(port, (err) => {
    if (err) {
        return console.log('Что то пошло не так', err);
    }
    console.log(`Веб-сервер запущен на порту ${port}`);
})