Ошибка CORS в Википедии API

Question

Я немного смущен о том, как обращаться с призывом википедии api в реагировать. Я постоянно работаю в эту ошибку:

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource(...)

Прямо сейчас, я бег действия при подаче формы, форма принимает значение входной формы и вставляет, что в апи URL Википедии. Я пробовал использовать JSONP, но я бы предпочел не использовать это, так как я слышал, что это супер хаки.

действия/index.js

import axios from 'axios'; 

const WIKI_URL = "https://en.wikipedia.org/w/api.php?action=query&format=jsonp&list=search&titles="; 
const FETCH_ARTICLES = 'FETCH_ARTICLES'; 

export function fetchArticles(term) { 
    const url = `${WIKI_URL}${term}`; 
    const request = axios.get(url); 

    return { 
    type: FETCH_ARTICLES, 
    payload: request 
    } 

Я могу определенно добавить больше кода, если это необходимо, но от того, что я могу сказать, это то, где проблема лежит.

Редактировать: Если мне пришлось использовать JSONP, я до сих пор не смог. Я считаю, что аксиомы не поддерживают JSONP, будет ли лучшая библиотека для использования? Почему некоторые API имеют Cross Origin Reference Error, а другие нет?

Answer 1

Капля format=jsonp и добавьте origin=* в параметры запроса в значении WIKI_URL:

const WIKI_URL = "https://en.wikipedia.org/w/api.php?origin=*&action=query…"; 

См the CORS-related docs for the Wikipedia backend:

For anonymous requests, origin query string parameter can be set to * which will allow requests from anywhere.

Что касается как параметр format, выход JSON является значением по умолчанию, поэтому, я думаю, вам не нужно указывать его.

Answer 2

Чтобы обойти это без использования JSONP, решение должно состоять в том, чтобы иметь прокси-сервер, который принимает ваши запросы, и добавляет правильные заголовки CORS к ответу. В качестве отправной точки, это поможет в качестве ссылки: https://gist.github.com/pauloricardomg/7084524