Выбор исправления исправления не разрешен

У меня есть два приложения, один из которых - это ответный интерфейс, а второй - приложение rails-api.

Я с удовольствием использовал isomorphic-fetch, пока мне не нужно было отправить метод PATCH на сервер.

Я получаю:

Fetch API cannot load http://localhost:3000/api/v1/tasks. Method patch is not allowed by Access-Control-Allow-Methods in preflight response.

но ответ OPTIONS с сервера включает метод PATCH в списке Access-Control-Allow-Methods:

введите описание изображения здесь

Так реализуется выборка:

const API_URL = 'http://localhost:3000/'                                            
const API_PATH = 'api/v1/'

fetch(API_URL + API_PATH + 'tasks', {
  headers: {
    'Accept': 'application/json',
    'Content-Type': 'application/json'
  },
  method: 'patch',                                                              
  body: JSON.stringify( { task: task } )                                        
})

POST, GET, DELETE настроены почти одинаково, и они работают нормально.

Любая идея, что здесь происходит?

UPDATE:

Патч метода чувствителен к регистру:

https://github.com/github/fetch/blob/master/fetch.js#L200

Не уверен, что это предназначено или ошибка.

ОБНОВЛЕНИЕ 2

Это предназначено, и тип метода PATCH должен быть чувствительным к регистру. Обновление строки из метода выборки до:

method: 'PATCH'

устраняет проблему.

https://github.com/github/fetch/issues/254

Ответы

Ответ 1

У меня была очень похожая проблема с API-интерфейсом responseJS и rails API с помощью Rack:: Cors, а добавление patch в список разрешенных методов разрешило проблему для меня.

config.middleware.insert_before 0, Rack::Cors do
  allow do
    origins '*'
    resource '*', headers: :any, methods: [:get, :post, :patch, :options]
  end
end

Ответ 2

У меня была эта ошибка, а PATCH - все шапки. Я также получил эту ошибку с помощью DELETE и PUT. Я проверил заголовки моего fetch, и я увидел метод OPTIONS. Я использовал здесь isomorphic-fetch lib - https://www.npmjs.com/package/isomorphic-fetch

Исправление для меня было добавить на мою страницу PHP:

<?php
    header('Access-Control-Allow-Methods: GET, POST, PUT, DELETE, PATCH');

Без этого, в Firefox 53 я бы продолжал получать ошибку javascript:

NetworkError при попытке получить ресурс.

Извлечение, которое я делал, было следующим:

try {
    await fetch('https://my.site.com/', {
        method: 'PATCH',
        headers: { 'Content-Type':'application/x-www-form-urlencoded' },
        body: 'id=12&day=1'
    });
} catch(ex) {
    console.error('ex:', ex);
}