我正在尝试配置我的 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;};
3 回答
![?](http://img1.sycdn.imooc.com/545862e700016daa02200220-100-100.jpg)
交互式爱情
TA贡献1712条经验 获得超3个赞
它对我来说适用于生产和开发。
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 });
![?](http://img1.sycdn.imooc.com/5458655200013d9802200220-100-100.jpg)
慕慕森
TA贡献1856条经验 获得超17个赞
在 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)
})
![?](http://img1.sycdn.imooc.com/545869390001b87802200220-100-100.jpg)
缥缈止盈
TA贡献2041条经验 获得超4个赞
你的 axiosConfig.js 文件没问题。
您正在访问值=未定义的对象的“数据”属性。我假设它是response.data
我的建议是
调试并检查值
response
添加
.catch(error => {...)
在末尾.then(...)
添加回答
举报
0/150
提交
取消