如何在盖茨比中为Axios设置全局baseUrl？

Question

我正在使用Gatsby构建网站，并且正在从后端获取一些数据。我想为Axios设置set global baseUrl。通常我会做这样的事情：

import axios from "axios";

axios.defaults.baseURL = "API_ADDRESS";

但是我应该把它放在盖茨比（Gatsby）中使其成为全球性的吗？

Answer 1

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

const axios = require("axios").default

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

当Gatsby App呈现到浏览器时，上述代码行设置axios baseURL。希望这能回答您的问题。