Как я могу POST REST API, используя React JS и Node JS

Я пробовал много раз, но получаю следующую ошибку

http://localhost:3001/getLocaiton net::ERR_CONNECTION_REFUSED and createError (createError.js:17) at XMLHttpRequest.handleError (xhr.js:87.

Как я могу решить эту проблему.

axios.post ('http://localhost:3001/getLocaiton' , {
      name: keyWord,

    })  

    .then (function (response){
      console.info (response);
    })

    .catch (function (error){
      console.info (error)
    });

Ниже приведен код для серверной части узла.

    const express = require ('express');
    const bodyParser = require ('body-parser');
    const cors = require ('cors');
    const Client = require('node-rest-client').Client;
    const client = new Client ();
    const http = require('http')

    const app = express ();
    app.use(cors())

    app.use (bodyParser.urlencoded ({extended :false}))
    app.use(bodyParser.json());
    const server = http.createServer(app)
    server.listen(port)


    app.post ('/getLocaiton' , (req, res) =>{
        const typeWord = req.body.name;

        client.get ('https://api.adform.com/v1/help/buyer/advertisers= '+typeWord+"&key = ", function (data, response){
            console.info (data);

            console.info (response);
        })
    })

    app.listen (3001, ()=> {
        console.info ("listining to port 3001")
    })

это может помочь -> stackoverflow.com/questions/28556398/…

— 04.01.2019 07:15

node.js reactjs api

04.01.2019 06:53

Стоит ли изучать PHP в 2026-2027 годах?

Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Приемы CSS-макетирования - floats и Flexbox

Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...

Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest

В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Пользовательский скаляр GraphQL

Листовые узлы системы типов GraphQL называются скалярами. Достигнув скалярного типа, невозможно спуститься дальше по иерархии типов. Скалярный тип...

458

Ответы 1

Я не знаю, почему вы запускаете два экземпляра сервера, прослушивая два порта, но я прокомментировал прослушивание первого порта, и вы должны вернуть ответ на свой запрос /getLocaiton (кстати, в имени пути есть опечатка):

const express = require ('express');
const bodyParser = require ('body-parser');
const cors = require ('cors');
const Client = require('node-rest-client').Client;
const client = new Client ();
const http = require('http')

const app = express ();
app.use(cors())

app.use (bodyParser.urlencoded ({extended :false}))
app.use(bodyParser.json());
// const server = http.createServer(app)
// server.listen(port)


app.post ('/getLocaiton' , (req, res) =>{
    const typeWord = req.body.name;
    client.get('https://api.adform.com/v1/help/buyer/advertisers='+
        typeWord+
        "&key = ",function (data, response){
            console.info (data);
            console.info (response);
            // you must return your response to your request
            res.json({
                data: data
            })
        }
    )
})

app.listen (3001, ()=> {
    console.info ("listining to port 3001")
})

Я пробовал этот код, но все равно получаю следующую ошибку Доступ к XMLHttpRequest в 'api.adform.com/v1/help/buyer/advertisers/getLocaiton' из источника 'локальный: 3000' был заблокирован политикой CORS: ответ на предполетный запрос не проходит проверку контроля доступа: Нет 'Access-Control-Allow- Заголовок Origin присутствует на запрошенном ресурсе. и xhr.js: 173 Cross-Origin Read Blocking (CORB) заблокировал перекрестный ответ api.adform.com/v1/help/buyer/advertisers/getLocaiton с типом MIME text / html.

— 04.01.2019 13:30

Это ошибка CORS, и, похоже, она связана с API, который вы запрашиваете на api.adform.com.

— 04.01.2019 13:39

04.01.2019 07:33