Как подружить сервер и реакт?

Question

[Wasya UK]

Написал простой сервер:

router.post('/login', async (ctx, next) => {
  console.log(ctx.request.body.email);
  console.log(ctx.request.body.password);

  await next();
});

И сайт на реакте:

handleSubmit = e => {
    e.preventDefault();

    if (this.validateForm() == true) {
      axios
        .post('/api/login', {
          params: {
            email: this.state.email,
            password: this.state.password
          }
        })
        .then(response => {
          console.log(response);
        })
        .catch(err => {
          console.error(err);
        });
    } else {
      alert('incorrect data');
    }
  }

Сервер запускается отдельно и сайт отдельно. Как сделать так, чтобы при development я обращался к серверу на порте 5000? На production надо, чтобы было.post('/api/login'), потому что запускать будет этот сервер. Сделал eject реакта и прописал прокси в dev server config, но не помогло. Что я делаю не так?

proxy: {
      '/api': {
        target: 'http://localhost:5000'
      },
    },

Comments

[Кира]

а если в package.json добавить"proxy": "http://localhost:5000"?

[Wasya UK]

Кира, клас! Заработало. спс

Answer 1

[Wasya UK]

надо в package.json добавить "proxy": "http://localhost:5000"