axios.post не работает при попытке перенаправить с клиента на сервер через http-proxy-middleware - PullRequest
Новая
       25

axios.post не работает при попытке перенаправить с клиента на сервер через http-proxy-middleware

0 голосов
/ 01 июля 2019

Я попытался отправить http-запрос на сервер из формы в компоненте React, используя axios.post(). Я установил промежуточное ПО прокси с http-proxy-middleware для доступа к регистру маршрутизации на сервере. К сожалению, это перенаправление не работает, и запрос http://localhost:3000 (клиент), вместо http://localhost:5000 (сервер)

КЛИЕНТ 

  class App extends React.Component {
  onSubmit=()=>{
        axios.post('/api/convert',{this.state.input})
               .then(...)
   }
  render(){
       <form onSubmit={this.onSubmit}>
         <input ../>
         <button ..></button>
       </form>
     }
  }

setupProxy в КЛИЕНТЕ 

const proxy=require('http-proxy-middleware');
module.exports= function(app){
     app.use(proxy('/api/convert',{target: 
         'http://localhost:5000'}))
     }

SERVER 

app.post('/api/convert',(req,res)=>{
      console.log(res)
      })

Результат - POST http://localhost:3000/api/convert 404 (не найден). Нет перенаправления на http://localhost:5000

...