Я пытаюсь отправить запрос POST из моего приложения React. Приложение работает локально в узле на локальном хосте: 8000.
Я попытался запустить локально на localhost: 5000, а также отправил серверное приложение на веб-адрес heroku и попытался отправить на этот адрес.
Итак, мой вопрос таков: 1. как мне отправить запрос POST на мой сервер heroku, когда я запускаю свое приложение для реагирования локально на локальном хосте? 2. Как мне получить этот POST-запрос на моем сервере/узле heroku?
Код реакции для отправки запроса POST:
import React, { Component } from 'react'
import axios from 'axios'
require('styles/_webshopPage/webshop.css')
export default class Checkout extends Component {
postRequest() {
let nodeServerURL = 'https://peaceful-mountain-93404.herokuapp.com'
let reqData = {
msg: 'hello!',
}
// Send a POST request
axios({
method: 'post',
url: nodeServerURL,
data: reqData
})
}
render() {
return (
<div >
<button onClick={this.postRequest.bind(this)} type="button" name="button">Send req</button>
</div>
)
}
}
Код для моего сервера heroku:
var express = require('express')
var app = express()
app.set('port', (process.env.PORT || 5000))
app.use(express.static(__dirname + '/public'))
app.post('/', function(request, response) {
response.send('Hello World!')
})
app.listen(app.get('port'), function() {
console.log("Node app is running at localhost:" + app.get('port'))
})