axios 使用错误的基本 url

Question

我有一个 react 项目，我正在向第三方 api 发出请求。我创建了一个 axios 文件，在其中为请求设置了 baseUrl，并导出了一个函数，该函数将向特定端点发出请求。

但是，当我在 App.js 中导入并执行该函数时，请求是以 localhost:3000 作为基本 url 发出的。不知道为什么

我做了一个sandbox来演示

这是我的 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

Answer 1

您应该使用baseURL 而不是baseUrl