react/redux 應用程序中的 js promise 中未捕獲的錯誤

Question

我正在嘗試使用此代碼獲取一些數據

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

如果有人知道告訴我如何解決

Answer 1

我應該添加 baseURL，我添加了一個不同的名稱，這就是它顯示 localhost 的原因

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