Как получить результат от стороннего API

Я хочу использовать сторонний API: Латинский WordNet API, но сталкиваюсь с некоторыми проблемами.

В документе API показано, как получить результат по URL-адресу в браузере, но я не знаю, как получить результат другим способом.
Я пытаюсь использовать axios через элемент сценария HTML, чтобы получить результат, например:

const btn = document.querySelector('#searchBtn')

btn.addEventListener('click', function () {
    const options = {
        method: 'GET',
        url: 'https://latinwordnet.exeter.ac.uk/api/lemmas/virtus/n/'
    }

    axios(options).then(data => console.info(data))  
})

Но я получаю сообщение об ошибке CORS. Если я использую прокси, например ngrok, он все равно не работает.

3. Я хочу попробовать обычный маршрут, например:

const express = require('express')
const router = express.Router()

router.get('/api/lemmas/virtus/n/', (req, res) => {
    console.info(res)
})

Я не знаю, откуда придет результат, и я также не уверен, что этот путь правильный или неверный.

Надеюсь, кто-нибудь может дать несколько советов.

node.js api express axios

15.03.2022 10:04

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

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

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

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

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

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

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

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

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

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

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

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

Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Ответ принят как подходящий

попробуйте с запросом GET:

 const options = {
        method: 'GET',
        url: 'https://latinwordnet.exeter.ac.uk/api/lemmas/virtus/n/'
    };

    axios(options)
    .then(response => console.info(response.data.results))
    .catch(err=>console.info(err.response.data));

Извините, это все еще ошибка: 1. Доступ к XMLHttpRequest в «latinwordnet.exeter.ac.uk/api/lemmas/virtus/n» из источника «локальный: 3000» был заблокирован политикой CORS: в запрошенном ресурсе отсутствует заголовок «Access-Control-Allow-Origin». 2. GET latinwordnet.exeter.ac.uk/api/lemmas/virtus/n net::ERR_FAILED 200 Dictionary.js:11 3. Uncaught (в обещании) TypeError: невозможно прочитать свойства неопределенного (чтение «данных»)

— 15.03.2022 12:40

Запросы перекрестного происхождения @jadokao не допускаются. попробуйте делать запросы с вашего сервера

— 15.03.2022 13:41

15.03.2022 10:48

Я нашел способ справиться с этим:

const express = require('express')
const axios = require('axios')
const router = express.Router()

router.get('/search', (req, res) => {
    axios.get(`https://latinwordnet.exeter.ac.uk/api/lemmas/${req.query.word}/n/`)
         .then(response => {
            return res.json(response.data.results)
         })
})

объединить маршрут и аксиомы

15.03.2022 14:22