connect ECONNREFUSED 127.0.0.1:80 #13316

imjamesku · 2020-05-24T15:28:36Z

imjamesku
May 24, 2020

In my getServerSideProps, I want to make an API call to my next.js app's own API route. the function is as follows:

export async function getServerSideProps(context) {
    const searchParams = {
        startDate: moment().subtract(7, 'd').toDate(),
        endDate: moment().toDate(),
        geo: 'US'
    }
    const res = await axios.get(`/api/trends/date?start=${searchParams.startDate.toISOString()}&end=${searchParams.endDate.toISOString()}&geo=${searchParams.geo}`)
    return {
        props: {data: res}
    }
}

I get connect ECONNREFUSED 127.0.0.1:80. If I put the data fetching on the client side, it works. But I'd like to reder the data on the server side. How to I get the SSR to work?

Answered by jamesmosier

May 24, 2020

Next recommends you write your server code directly in getServerSideProps: https://nextjs.org/docs/basic-features/data-fetching#write-server-side-code-directly

Otherwise you'd have to put the fully qualified url in your axios.get(`https://my-domain.com/api/trends...`) because the server doesn't know what your domain is.

View full answer

jamesmosier · 2020-05-24T15:49:25Z

jamesmosier
May 24, 2020

Next recommends you write your server code directly in getServerSideProps: https://nextjs.org/docs/basic-features/data-fetching#write-server-side-code-directly

Otherwise you'd have to put the fully qualified url in your axios.get(`https://my-domain.com/api/trends...`) because the server doesn't know what your domain is.

4 replies

imjamesku May 24, 2020
Author

Thanks. I ended up just using mongoose in getServerSideProps.

Suroor-Ahmmad Nov 9, 2021

@jamesmosier Hi, need a clarification on the second approach you have mentioned, if the code is yet to be deployed and the api endpoint won't be ready by then, right? So, won't it end up in deployment failure?

rafaelnogueira1 May 19, 2022

To use the second approach without problems with deploy for exempla, you can create a .env file and use a variable to store your api url and use that variable here axios.get(${process.envMY_VARIABLE_API}/api/trends...).
When you deploy, your server will have the same variables with different values.

nickjuntilla Jan 17, 2023

This is crazy. You should be able to get data from a server at localhost.

alexislefebvre · 2021-09-14T15:12:45Z

alexislefebvre
Sep 14, 2021

I had the same error because of a typo, a / was missing after http:/. If you have the same error, check your URL.

1 reply

Ekundee Apr 27, 2022

Thanks so much. You saved my time

connect ECONNREFUSED 127.0.0.1:80 #13316

imjamesku May 24, 2020

Replies: 2 suggested answers · 5 replies

jamesmosier May 24, 2020

imjamesku May 24, 2020 Author