向快速代理发出GET请求时出现404错误

时间:2019-05-15 03:58:58

标签: javascript reactjs express

我正在尝试通过React前端与Express后端进行连接。前端应用程序由create-react-app制作。服务器由Express制造,并在localhost:3005上运行。

我已经运行服务器,并将"proxy": "http://localhost:3005"包含在create-react-app制作的前端应用程序的package.json中。 http://localhost:3005/translate?w=${value}也可以(在Postman上测试)。但是,当我尝试通过在React上提交表单来提出请求时,出现404错误。

App.js

handleSubmit(event) {
  event.preventDefault();
  axios.get(`/translate?w=${this.state.source}`)
    .then((response) => {
      console.log('THIS IS RESPONSE: ', response)
    })
    .catch((error) => {
      console.log('THIS IS ERROR: ', error)
    })
}   

server.js

const getTranslation = (req, res) => {
    let requestObject = createRequestObj(req.query.w)
    axios.post(url, requestObject)
      .then((response) => {
        let translatedText = response.data;
        res.send(translatedText);
      })
      .catch((err) => {
        console.log(`THIS IS ERROR: ${err}`)
      })
}

app.get('/translate', getTranslation);

错误

Error: Request failed with status code 404
    at createError (createError.js:17)
    at settle (settle.js:19)
    at XMLHttpRequest.handleLoad (xhr.js:78)

我正在努力寻找问题所在。请帮助我看看我的错误。

0 个答案:

没有答案