Hi this is a major bugs!!

[jasonhoo95]

When I test in my browser getinitialprops when i navigate to other page and press back button it got fetch the data... but when i test in mobile browser it gave me 500 error... What the hell is wrong with it I have been debugging a lot of time alrdy still cant figure it out why.
In website works perfectly but in mobile is like shit it keep giving me 500 error!!!

[jamesmosier]

Could you provide a code sample? Otherwise this will be impossible to track down 😞

[jasonhoo95]

import Fetch from 'isomorphic-unfetch';
import Layout from '../components/Layout';
import Link from 'next/link'


const Index = (props) => (
    <div>
      <h1>Welcome to BitzPrice</h1>
      <p>Check current Bitcoin rate</p>
      {props.bpi.description}
      <Link href={`/main`} as={`/main`} >LINK HERE </Link>
    </div>
);

Index.getInitialProps = async function() {
  const res = await fetch('http://localhost:3000/api/wikifeeds/yoyo');
  const data = await res.json();

  return {
    bpi: data
  };
}

export default Index;

This above is the code I use to show at the first index page

When I pres the link to the main.js file and then press back at the mobile phone it give me error 500...

[jasonhoo95]

very weird if i fetch the data from localhost it wont work, but if i fetch from an api host in aws it works at getinitialprops I think this is a major issues..

[jamesmosier]

This sounds like an issue outside of Next. I used your code sample for pages/index.js and getInitialProps was called when navigating back to index from main.

If you are getting a 500 error, that means that you API server logs will have some additional information. Or even check the Next terminal output. 500 errors always have a trail of logs...

[jasonhoo95]

the next terminal dont have any error at all just when in mobile phone it will show error page when navigate back from main.. but in dev mode it works fine in mobile... i think this is really a major bugs..

[jasonhoo95]

import fetch from 'isomorphic-unfetch';

export default async (req, res) => {
  let r = await fetch(`http://18.139.0.246:5000/helloworld`);
  let data = await r.json();
  
  console.log(req.query,"wiki api");
  
  if (req.query.wiki == 'taiwan') {
    let post = {
      description: 'this is goona be fun so keep it up hahah lets do this dont give up ya continue to achieve the best result for our team',
      content: data.post.title,
      image: 'https://images.pexels.com/photos/104827/cat-pet-animal-domestic-104827.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500',
      title: 'taiwan dog is here is amazing it does exists',
    };
    res.status(200).json(post);
  } else {
    let post = {
      description: data.post.publication.content,
      image: 'https://images.unsplash.com/photo-1518791841217-8f162f1e1131?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1000&q=80',
      content: data.post.publication.displayTitle,
      title: data.post.title,
    };
    res.status(200).json(post);
  }
};

If i call this bottom code with the above built in api which is under the api folder it cant work too that is very weird indeed,...

Index.getInitialProps = async function() {
  const res = await fetch('http://localhost:3000/api/wikifeeds/yoyo');
  const data = await res.json();

  return {
    bpi: data
  };
}