Топор ios Почтовый запрос не работает в действии JS - PullRequest
Новая
       73

Топор ios Почтовый запрос не работает в действии JS

1 голос
/ 01 мая 2020

Я использовал Postman для отправки запросов Post, и они работают нормально, но когда я пытаюсь использовать ax ios, это выдает мне эту ошибку. 


createAnimeList.js:27
 Error: Network Error
    at createError (createError.js:16)
    at XMLHttpRequest.handleError (xhr.js:83)
xhr.js:178 POST http://localhost:4000/animes/add 
net::ERR_CONNECTION_REFUSED

Это мой бэкэнд-код 

router.post("/add", async (req, res) => {
  console.log("Heeeere");
  console.log(req.body.animeName);
  var anime = new Animes({
    animeName: req.body.animeName,
  });
  anime = await anime.save();
  return res.send(anime);
});

Вот мой код React, где я использую Ax ios

onSubmit(event) {
    event.preventDefault();
    const anime = {
      animeName: this.state.animeName,
    };
        console.log(anime);

    axios
      .post("http://localhost:4000/animes/add", anime)
      .then((res) => console.log(res.data))
      .catch((err) => console.log(err));

    //window.location = "/anime";
  }

Ответы [ 3 ]

2 голосов
/ 01 мая 2020

Похоже на проблему CORS

Установите это на свой сервер узла:

https://www.npmjs.com/package/cors

Вот простой пример сервера узла с включенным CORS с использованием этой библиотеки. 

var express = require('express')
var cors = require('cors')
var app = express()

app.use(cors())

app.get('/products/:id', function (req, res, next) {
  res.json({msg: 'This is CORS-enabled for all origins!'})
})

app.listen(80, function () {
  console.log('CORS-enabled web server listening on port 
  80')
})
1 голос
/ 01 мая 2020

вам нужно включить CORS (Cross-Origin-Resoruce-Sharing)

вы можете использовать пакет cors

https://www.npmjs.com/package/cors

или этот код

поместите этот контроллер перед каждым контроллером в вашем приложении 

app.use((req, res, next) => {
  res.setHeader('Access-Control-Allow-Origin', '*'); // to enable calls from every domain 
  res.setHeader('Access-Control-Allow-Methods', 'OPTIONS, GET, POST, PUT, PATCH, DELETE'); // allowed actiosn
  res.setHeader('Access-Control-Allow-Headers', 'Content-Type, Authorization'); 

  if (req.method === 'OPTIONS') {
    return res.sendStatus(200); // to deal with chrome sending an extra options request
  }

  next(); // call next middlewer in line
});
0 голосов
/ 01 мая 2020

Это проблема CORS: вам нужно добавить следующий код в ваш бэкэнд: 

const cors = require('cors');
const express = require('express');
const app = express();

app.use(cors({
   credentials:true,
   origin: ['http://localhost:PORT']
 }));

Внутри исходного массива вам нужно вставить те URL, которые находятся в белом списке.

...