如何配置axios基本URL？

Question

我正在尝试配置我的 axios 基本 URL。但是，我收到“未处理的拒绝（类型错误）：无法读取未定义（匿名函数）的属性“数据””错误。这篇文章只有 2 年时间，使用了一个类，但在我的代码中，我使用了一个函数。当我正常执行（不更改基本 URL）时，axios 调用工作正常。但是当我添加 axiosConfig 并更改基本 URL 时，我收到错误。如果有人能对这个问题有所启发，我将不胜感激。axiosConfig.jsimport 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;};     

Answer 1

它对我来说适用于生产和开发。

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 });

Answer 2

在 App.js 中定义

import Axios from "axios";

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

在任何其他组件中使用

安装的http://127.0.0.1:8000/api/user仅使用用户

axios.get('user')

.then((res)=> {

console.log(res)

})

Answer 3

你的 axiosConfig.js 文件没问题。

您正在访问值=未定义的对象的“数据”属性。我假设它是response.data

我的建议是

1. 调试并检查值response

2. 添加.catch(error => {...)在末尾.then(...)