Re: [React.js] Route returns 404 on page refresh
Your backend file server that is actually serving up your JS files needs to understand what paths are considered your "frontend" and always serve your index.html when it gets requests against any of those paths. This is what the OpenShift console itself does. In the 3.x openshift console it was in the http handlers logic in our go binary. At one point I also prototyped this just using changes to an httpd.conf for simple apache file servers. On Mon, May 13, 2019 at 7:22 AM Pavel Maslov wrote: > Anyone? I bet it's a common use-case (Angular, React.js frontend apps), > can't be that nobody has had this issue... > > > Regards, > Pavel Maslov, MS > > > On Thu, May 9, 2019 at 10:50 AM Pavel Maslov > wrote: > >> Hi all, >> >> >> I have a React.js single-page app deployed to Openshift that uses its own >> router (e.g. /home, /about, /photos, etc.). Everything works fine (user >> navigating around my app) until the user refreshes the page. This in turn >> fires a GET request to the server, which it of course cannot resolve (404). >> >> One solution I am using in "raw" k8s is for each endpoint I create a new >> path (i.e. /home, /about, /photos) inside an Ingress object, which is >> redirected to the web app Service [1]. >> >> Is there any solution for Openshift's Router? Maybe, a custom Router >> annotation that will redirect all requests to "/"? >> >> Thanks a lot in advance. >> >> [1] >> https://github.com/maslick/barkoder/blob/master/deployment/k8s-barkoder-ingress.yaml >> >> Regards, >> Pavel Maslov, MS >> > ___ > users mailing list > users@lists.openshift.redhat.com > http://lists.openshift.redhat.com/openshiftmm/listinfo/users > ___ users mailing list users@lists.openshift.redhat.com http://lists.openshift.redhat.com/openshiftmm/listinfo/users
Re: [React.js] Route returns 404 on page refresh
Anyone? I bet it's a common use-case (Angular, React.js frontend apps), can't be that nobody has had this issue... Regards, Pavel Maslov, MS On Thu, May 9, 2019 at 10:50 AM Pavel Maslov wrote: > Hi all, > > > I have a React.js single-page app deployed to Openshift that uses its own > router (e.g. /home, /about, /photos, etc.). Everything works fine (user > navigating around my app) until the user refreshes the page. This in turn > fires a GET request to the server, which it of course cannot resolve (404). > > One solution I am using in "raw" k8s is for each endpoint I create a new > path (i.e. /home, /about, /photos) inside an Ingress object, which is > redirected to the web app Service [1]. > > Is there any solution for Openshift's Router? Maybe, a custom Router > annotation that will redirect all requests to "/"? > > Thanks a lot in advance. > > [1] > https://github.com/maslick/barkoder/blob/master/deployment/k8s-barkoder-ingress.yaml > > Regards, > Pavel Maslov, MS > ___ users mailing list users@lists.openshift.redhat.com http://lists.openshift.redhat.com/openshiftmm/listinfo/users
[React.js] Route returns 404 on page refresh
Hi all, I have a React.js single-page app deployed to Openshift that uses its own router (e.g. /home, /about, /photos, etc.). Everything works fine (user navigating around my app) until the user refreshes the page. This in turn fires a GET request to the server, which it of course cannot resolve (404). One solution I am using in "raw" k8s is for each endpoint I create a new path (i.e. /home, /about, /photos) inside an Ingress object, which is redirected to the web app Service [1]. Is there any solution for Openshift's Router? Maybe, a custom Router annotation that will redirect all requests to "/"? Thanks a lot in advance. [1] https://github.com/maslick/barkoder/blob/master/deployment/k8s-barkoder-ingress.yaml Regards, Pavel Maslov, MS ___ users mailing list users@lists.openshift.redhat.com http://lists.openshift.redhat.com/openshiftmm/listinfo/users
