我正在尝试通过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)
我正在努力寻找问题所在。请帮助我看看我的错误。