Network Error with Axios on server with express.js

Question

I ran an API on localhost:3000 with express.js and here is the result:

0   
_id:    "610bcbd9c0ce881847bfd5b6"
__v:    0
1   
_id:    "610bcc43c0ce881847bfd5b8"
name:   "haaa"
title:  "data"
title2: "data2"
__v:    0
2   
_id:    "610bcc5ec0ce881847bfd5ba"
name:   "haaa"
title:  "data"
title2: "data7"
__v 0
3   
_id:    "610bcd00303b9a1b041d9d6a"
name:   "haaa"
title:  "data"
title2: "data7"
__v:    0

when I run axios.get I receive an error.

codes on app.js:

const [data, setData] = useState();
    useEffect(() => { 
        async function fetchmyapi() {
            try {
            let response = await axios.get('http://localhost:3000/')
            setData(response)
            console.log(data)

            }
            catch(error) {
                console.log(error)
            }
        }
        fetchmyapi()
        }, [])

and here is the error in console.log :

Network Error
at node_modules/axios/lib/core/createError.js:1:0 in <global>
at node_modules/axios/lib/adapters/xhr.js:74:24 in handleAbort
at node_modules/react-native/Libraries/Network/XMLHttpRequest.js:600:10 in setReadyState
at node_modules/react-native/Libraries/Network/XMLHttpRequest.js:395:6 in __didCompleteResponse
at node_modules/react-native/Libraries/vendor/emitter/EventEmitter.js:189:10 in emit
at [native code]:null in callFunctionReturnFlushedQueue

what is the problem, may i use something else rather than Axios?

Arsiki · Accepted Answer · 2021-08-05 23:42:32Z

2

so finally i could figure it out:

1- don't use localhost:3000 as Url, find your IP of network and use it instead like 192.168.1.102

2- Axios makes problems. use fetch instead

useEffect(() => { 
        async function fetchmyapi() {
            try {
            let response = await fetch('http://yourIP:3000/')
.then((response) => response.json())
            setData(response)
            }
            catch(e) {
                console.log(e)
            }
        }
        fetchmyapi()
        }, [])

answered Aug 5, 2021 at 23:42

Arsiki

3983 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Caleb Over a year ago

Using the local IP address worked for me. Thanks!

Nimantha · Accepted Answer · 2021-10-31 09:19:52Z

0

You are getting error because _id When you send data from backend to frontend, you need to convert _id from ObjectID to string.
If you are doing it, there aren't errors.

edited Oct 31, 2021 at 9:19

Nimantha

6,5376 gold badges32 silver badges78 bronze badges

answered Aug 5, 2021 at 21:26

Forest 1

1041 gold badge4 silver badges16 bronze badges

9 Comments

Arsiki Over a year ago

thanks for answer. can u give me more detail. what should i do?

Forest 1 Over a year ago

https://stackoverflow.com/questions/13104690/nodejs-mongodb-object-id-to-string/34445430 Please check this.

Forest 1 Over a year ago

What module do you use to connect with mongodb? mongoose' or mongodb`?

Arsiki Over a year ago

i use mongoose,

Arsiki Over a year ago

` app.get('/',(req,res) =>{ Ads.find({}) .then(data =>{ console.log(data) _id.toString() res.send(data) }).catch(err => { console.log(err) }) }) `

|

Collectives™ on Stack Overflow

Network Error with Axios on server with express.js

2 Answers 2

1 Comment

9 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

9 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related