javascript - React/Redux 应用程序中 js Promise 中 Uncaught Error

标签 javascript reactjs async-await es6-promise

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

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) Error: Request failed with
status code 404
at createError (createError.js:17)
at settle (settle.js:19) . at XMLHttpRequest.handleLoad (xhr.js:60) this is my api code

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

谁知道请告诉我如何解决

最佳答案

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

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

关于javascript - React/Redux 应用程序中 js Promise 中 Uncaught Error ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58742702/

相关文章:

javascript - Angular 指令模板不绑定(bind)到 Angular Controller 变量

javascript - 用 Cypress 检查变换

javascript - Vue组件抛出错误: Cannot set property 'render' of undefined

node.js - 异步/等待 - Typescript 和 ExpressJs

javascript - 更改超链接的文本颜色

javascript - 在新链接的末尾设置 ckeditor 插入符号

javascript - Redux + Hooks useDispatch() in useEffect calling action 两次

node.js - Await 不适用于 Node.js 中的函数调用?

javascript - OnClientClick 按钮的 javascript 不起作用

reactjs - React-intl const <FormattedMessage/> 给出 [object object] 作为结果