使用 React Typescript 在 Axios 中配置基本 Url

Question

如何使用 React Typescript 在 axios 中设置我的 baseURL？

我尝试做axios.defaults.baseURL = 'myurl.com';

但是，它不起作用。在网络选项卡中，它表示承诺正在等待处理。

知道我怎样才能实现它吗？

import { useQuery } from 'react-query'
import axios from 'axios'

axios.defaults.baseURL = 'myurl.com';


const useCampaign = (token: string, campaignID: string) =>
  useQuery(
    'campaign',
    () =>
      axios
        .get(`/api/campaigns?lgp-webview-token=${token}`, {
          headers: { 'X-Campaign-ID': campaignID }
        })
        .then((res) => res.data),
    {
      retry: false,
      refetchOnWindowFocus: false
    }
  )

export default useCampaign

Answer 1

创建一个名为 axios.js 的文件并设置以下内容，然后将该文件导入到所需的组件中import axios from "./axios";，然后在代码中使用此本地 axios

import axios from "axios";

const instance = axios.create({

  baseURL: "myurl.com"
});

export default instance;