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

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

---

制作一个名为axios.js的文件并设置以下内容，然后将该文件作为import axios from导入到所需组件中。/axios；然后在代码中使用这个本地axios

import axios from "axios";

const instance = axios.create({

  baseURL: "myurl.com"
});

export default instance;

---

检查元素并检查“网络”选项卡。如果请求正在通过。对不起，这不是Axios问题。它与CORS有关。谢谢，您的代码正在运行。检查元素并检查网络选项卡。如果请求正在通过。对不起，这不是Axios问题。它与CORS有关。谢谢，您的代码正在运行。这里有一点在react应用程序中使用Axios。这里有一点在react应用程序中使用Axios。