Javascript 如何配置axios基本URL？

我正在尝试配置我的axios基本URL。我从以下问题中找到以下代码：

但是，我得到了“未处理的拒绝（TypeError）”：无法读取未定义的属性“数据” （匿名函数）“”错误。这篇文章只写了2年，使用了一个类，但在我的代码中，我使用了一个函数

axios调用可以正常工作（不更改基本URL）。但是，当我添加AxioConfig并更改基本URL时，会出现错误

如果有人能对这个问题有所了解，我将不胜感激

axioconfig.js

import axios from "axios";

const baseURL = process.env.REACT_APP_BASE_URL;

const instance = axios.create({
  // .. congigure axios baseURL
  baseURL: `${baseURL}`
});

export default instance;

进行axios调用的文件

import axiosConfig from "../axios/axiosConfig";

export const getPosts = () => {
  const posts= (dispatch) => {
    return axiosConfig
      .get('/posts')
      .then((response) => { 
        dispatch({
          type: GET_POSTS,
          payload: response.data,
        });
      })
      .catch((error) => {
        dispatch({
          type: POSTS_ERROR,
          payload: error.response.data.message,
        });
      });
  };
  return posts;
};
     

---

你的axioconfig.js文件没问题

您正在访问值为未定义的对象的“数据”属性。 我假设这是回应。数据

所以，检查一下，在这里你可以找到更多关于为什么你会得到这个响应的信息

我的建议是

调试并检查

response

在

的末尾添加
.catch（error=>{…
。然后（…）

在App.js中定义

import Axios from "axios";

Axios.defaults.baseURL = "http://127.0.0.1:8000/api/";

在任何其他组件中使用

仅限用户使用

axios.get('user')
.then((res)=> {
console.log(res)
})

---

它在我的生产和开发中起作用

import axios from "axios";

const api = axios.create({
 baseURL: process.env.REACT_APP_BASE_URL || "http://localhost:3030",
});

export default api;

使用我做的事情

import api from "../services/api";
const response = await api.post("/sessions", { email, password });

---

你能在codesandbox上发布整个代码样本吗？看起来这个错误是在你的应用程序中一个未定义的变量数据上抛出的，但是我在你的代码样本中看不到引用provided@SiddhantVarma我把它添加到了问题中。当我只使用axios.get（{$baseURL}/post）时，axios调用可以正常工作嘿，Diege。我仍然收到错误。我能看看你的axios调用是什么样子吗？我编辑了它，检查它是否是我需要的，我希望我能帮助类似的东西。看看我的代码。我正在做一个get请求。当我进行常规axios调用时，它工作正常。但是当我编辑基本URL时，我最初收到错误，我会检查调用以作出反应在.env文件中配置，这可能是问题所在