使用React Typescript在Axios中配置基本网址

问题描述

如何使用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

解决方法

制作一个名为axios.js的文件并进行以下设置，然后将该文件作为import axios from "./axios";导入所需的组件中，然后在代码中使用此本地axios。

import axios from "axios";

const instance = axios.create({

  baseURL: "myurl.com"
});

export default instance;