如何在Gatsby中设置Axios的全局baseUrl？

wribegjk 于 2023-01-25 发布在 iOS

关注(0)|答案(2)|浏览(127)

我正在建设网站使用盖茨比，我正在从我的后端提取一些数据。我想设置Axios设置全局baseUrl。通常我会这样做：

import axios from "axios";

axios.defaults.baseURL = "API_ADDRESS";

但是我应该把这个放在盖茨比的哪里才能让它全球化呢？

2条答案

如果其他人来到这里，mohammed agboola的建议是不准确的，使用onInitialClientRender的基础url将更改为客户端url当您刷新页面，在同一个文件gatsby-browser.js中，您应该使用onClientEntry而不是onInitialClientRender：

export function onClientEntry() {
 axios.defaults.baseURL = "YOUR_BASE_URL" 
}

如果没有，在项目的根文件夹中创建一个gatsby-browser.js文件，并使用下面的代码行：

const axios = require("axios").default

exports.onInitialClientRender = () => {
  axios.defaults.baseURL = "YOUR_BASE_URL_HERE"
}

上面的代码行在Gatsby应用程序呈现到浏览器时设置了axios baseURL。希望这能回答你的问题。