Блог

У меня есть проект react, в котором я делаю запросы к стороннему api. Я создал файл axios, в котором я установил baseUrl для запросов, и я экспортирую функцию, которая отправит запрос к определенной конечной точке.

Однако, когда я импортирую и выполняю функцию в моем App.js , запрос выполняется с использованием localhost:3000 в качестве базового URL-адреса. Не могу понять, почему

Я создал песочницу для демонстрации

вот код для моего axios.js файл

 import axios from 'axios'


const instance = axios.create({
    baseUrl: `https://api.-----.com/svc/topstories/v2/`
})

export const api_key = '------------------------'

export const getTopStories = async () => {
    const {data: {results}} = await instance.get(`/home.json?api-key=${api_key}`)
    return results
}
export default instance


 

Вы должны использовать baseURL вместо baseUrl