react/redux 应用程序中的 js 承诺中未捕获的错误

Posted

技术标签:

【中文标题】react/redux 应用程序中的 js 承诺中未捕获的错误【英文标题】:uncaught error in js promise in react/redux app 【发布时间】:2020-03-03 16:16:28 【问题描述】:

我正在尝试使用此代码获取一些数据

import mainAPI from '../api'

export const sendActions = () => async dispatch => 
    const response = await  mainAPI.get('/posts')
    dispatch( type : "FETCH_POSTS",payload :response ) 

我在控制台中收到以下错误消息

createError.js:17 Uncaught (in promise) 错误:请求失败 状态码 404 在 createError (createError.js:17) 在解决 (settle.js:19) 。 在 XMLHttpRequest.handleLoad (xhr.js:60) 这是我的api代码

import axios from 'axios'
export default axios.create(mainAPI: 'https://jsonplaceholder.typicode.com')

如果有人知道,请告诉我如何解决

【问题讨论】:

404 错误表明您的 API 端点 (/posts) 不存在。 该错误表示未找到/posts api。请查看/postsapi。 @Kei 我正在从一个虚拟服务器获取 api 请检查我添加了 api 代码 【参考方案1】:

我应该添加 baseURL,我添加了一个不同的名称,这就是它显示 localhost 的原因

import axios from 'axios'
export default axios.create(baseURL: 'https://jsonplaceholder.typicode.com')

【讨论】:

以上是关于react/redux 应用程序中的 js 承诺中未捕获的错误的主要内容,如果未能解决你的问题,请参考以下文章

从 React Redux Thunk 返回承诺

React Redux 添加额外的操作字段导致承诺返回不同

如何让 React Redux 异步操作返回一个承诺?

链接 Redux 操作

在没有用户登录 react.js 和 redux 的情况下将商品添加到购物车

Immutable.js 以及在 react+redux 项目中的实践