Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > JavaScript, Ajax
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 18.06.2023, 16:44   #1
New_Jersey
С нуля
Пользователь
 
Аватар для New_Jersey
 
Регистрация: 24.03.2023
Сообщений: 17
По умолчанию не получается сделать ПОСТ-запрос

Привет!

у меня работают два приложения на одной машине : бэк на локальном хосте 'localhost:3000' и фронт на 'localhost:5173'. Я отправляю пост-запрос из приложения на 5173 хосте в приложение на 3000 хосте через код ниже, в ответ пишет ошибку TypeError: NetworkError when attempting to fetch resource.

Когда отправляю запрос из приложения Postman - то тогда все работает, запрос приходит на бэк и делается запись в базе данных.

Почему не уходит запрос из моего приложения? Код написан в файле tsx в реакт-приложении

Код:
import { useState } from "react";

const loginStyle = {
  width: "60%",
  padding: '20px',
  color: '#ffffff',
}

function Login() {

  const [name, setName] = useState("")
  const [pass, setPass] = useState("")
  

  function handleUpload() {
   fetch(
      'http://localhost:3000/auth/signup', 
      {
        method: 'POST',
        mode: 'cors',
        headers: {
          'Accept': 'application/json',
          'Content-Type': 'application/json'
      },
        body: JSON.stringify({"username": name, "password": pass})
      }
      )
      .then((res) => res.json())
      .catch((e) => console.log(e));
  }
    return (
      <form onSubmit={handleUpload} style={loginStyle}>
        <div className="row mb-3">
          <label htmlFor="inputUsername3" className="col-sm-2 col-form-label">Username</label>
            <div className="col-sm-10">
              <input type="text" value ={name} onChange={(e) => {setName(e.target.value)}} className="form-control" id="inputUsername3"></input>
            </div>
        </div>
        <div className="row mb-3">
            <label htmlFor="inputPassword3" className="col-sm-2 col-form-label">Password</label>
              <div className="col-sm-10">
                <input type="password" value={pass} onChange={(e) => {setPass(e.target.value)}} className="form-control" id="inputPassword3"></input>
              </div>
        </div>
          <button type="submit" className="btn btn-primary">Sign in</button>
      </form>
)
}

export default Login;

Последний раз редактировалось New_Jersey; 18.06.2023 в 17:01.
New_Jersey вне форума Ответить с цитированием
Старый 23.06.2023, 01:04   #2
New_Jersey
С нуля
Пользователь
 
Аватар для New_Jersey
 
Регистрация: 24.03.2023
Сообщений: 17
По умолчанию

я решил проблему
в бэкенде NEST JS нужно было включить CORS:
Код:
 app.enableCors();
теперь все работает
New_Jersey вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц



Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Не получается сделать запрос Антон444 БД в Delphi 11 09.03.2015 10:47
Пост-запрос Dj_DeVaIs Работа с сетью в Delphi 4 21.05.2014 11:36
пост запрос не проходит megostudent Работа с сетью в Delphi 13 04.02.2013 10:13
пост запрос) zipo666 Общие вопросы C/C++ 0 09.08.2012 20:13
не могу сделать правильный пост запрос на winsock cable Работа с сетью в Delphi 0 10.07.2010 18:01