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

【问题标题】：uncaught error in js promise in react/redux appreact/redux 应用程序中的 js 承诺中未捕获的错误
【发布时间】：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 代码

标签： javascript reactjs async-await es6-promise

【解决方案1】：

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

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

【讨论】：