0

Здравствуйте вот проблема с которой борюсь уже несколько дней. Нужно при нажатии на кнопку через Fetch делать запрос на сервер киви через PUT и получать ответ в json формате. Вот в чём проблема, с клиентской стороны, если я вызываю функцию в которой есть Fetch и там указан какой-то локальный путь на мой сервер то оно ловит и выводит ошибку(что потеряно соединение) и в командной строке появляется такое Вывод в командной строке

А когда указываю путь на какой-то другой сайт то мне выскакивают ошибки связанные с CORS хотя все заголовки вроде указываю правильно

Вот клиентская часть кода

document.querySelectorAll('.payments').forEach(function(element){
  element.onclick = createPayment;
});

function createPayment() {
  fetch('/cr',{
  method: 'PUT',
  headers: {
    'Authorization': 'Bearer wX1FRSbE6iyCj2gCRwwF3Dnh5XrasNTx3BGPiMsyXQFNKQhvukniQG8RTVhYm3iPwPhF1aV7hgCHTZbGec4giFGqmsEEVhPUjQ53RCTCTPZZSiJjWpK2yxxfQtUV8gg124j6t5xuC21LcuAvM25dLFy1x2cPKbA4QYTdqUfzK',
    'Accept': 'application/json',
    'Content-Type' : 'application/json',
  }
}).then(response => response.json()).then(response => console.log(response)).catch(err => {
        console.log("Error: " + err)
    })
}

Вот серверная часть кода

app.put('/cr' ,async function (req,res,next) {
  res.header("Access-Control-Allow-Origin", "http://localhost:3000"); // restrict it to the required domain
  res.header("Access-Control-Allow-Methods", "PUT");
  res.header("Access-Control-Allow-Headers", "Content-type,Accept");
  if (req.method === "OPTIONS") {
        return res.status(200).end();
    }
  const data = await qiwi(); // получаем в data результат вызова qiwiApi.createBill
  console.log(data);
  let p = res.json(data);
  next(); // т.к. функция асинхронная, вызываем next, чтобы объявить о завершении выполнения этого middleware
});


async function qiwi() {
  const billId = qiwiApi.generateId();

  const fields = {
      amount: 1.00,
      currency: 'RUB',
      comment: 'test',
      expirationDateTime: '2022-03-02T08:44:07',
      successUrl: 'http://test.ru/'
  };

  const data = await qiwiApi.createBill( billId, fields );
  console.log(data);
  // тут делаем что-то еще, если нужно
  return data; // возвращаем результат вызова qiwiApi.createBill
}

Помогите пожалуйста, как исправить и куда обращаться? Пробовал всё что только возможно, ничего не работает

0

1 ответ 1

2

CORS работает немного по другому. Вам необходимо ответить на Options запрос вашими заголовками, а не на put. Используйте миделваре cors.

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

app.use(cors())

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.