Background
I'm making a portfolio website in React and it is hosted through Netlify. All the websites I have created use React and React Router and are hosted through Netlify
I have four external links on my portfolio:
LinkedIn profile
Github profile
Another website I built called Shoppies
Another website I built called GithubFinder
Problem
When I click links 3 and 4 and then hit the back button in my browser, I sometimes get a 404. This never happens with the first two links and there doesn't seem to be a pattern for when the error does happen.
Here's a link to my website
And a screenshot of the error I geterror message I get
Thanks in advance for the help I really appreciate it!
Related
my website is on React and when I refresh a page it shows 404 found find. I tried many times but have not got a solution yet.
you might want to check all services , sometimes due to this just might be the issue
Folks,
We are in a unique situation here. Our React site integrates with Signicat for identity solution. Most of our user base comes from Facebook i.e. they use the Facebook app, look at our posts and click on links we post which redirect to certain sections in our website which require identification.
So an example link posted on Facebook group https://example.com/en/startpage-in-english/ is converted into https://l.facebook.com/l.php?u=https%3A%2F%2Fexample.com%2Fen%2Fstartpage-in-english%2F%3Ffbclid%3DIwAR3loYqYOvom5k8_mOww89p5tun5H9HqIIKE1ebwwCcB3PD4jzxpTVyZGCk&h=AT1E3p1ejYWH9l2KhUo8D_RVjl_EzKBat4woeMHgRv7yXpT9Y-EZoBcK26sQtjjBBwAQt7Pt83a-i_k5JCGuvOBWfgB9pZ7Uv8LnDlyphNKc1Og0nl6QIqWd_nFEAva3OWN-PZ3byqsU7K0I5A&__tn__=-UK-R&c[0]=AT0-5n51iPMlSYghORXW8qxYXJQEejQTAhfiDQ3P3DK_ZTZM3GWbN4zXYKf-nyD_hWJdxQccenDp-5VgphfWuD6ZQ0ikeXq4lv4bjLbSJVFP9k4IxeMBT5mDa9jNdYnYlNs-DkXOM-LiPhhl-Obra9CAbtvihe-G7-8. When users click on the link, Facebook by default opens the link in its own Facebook browser. The subsequent steps in our portal need the user to identify himself and when the identification is completed and in the final step the request to Signicat hangs forever.
We identified that this issue is only happening with Facebook browser and hence one of the workarounds was to Open the default browser with the link to our website.
Note that:
a. this is not a React-Native app, our website is built using plain React hence the WebView solution does not work.
b. Facebook browser suppresses "window.open" with "newwindow" call and simply displays the site in the same Facebook browser instance.
So bottom line is, we need a way to Open the default OS Browser from Facebook App/Browser with the link to our site. Hope somebody can help!
Thanks in advance...
SG
I have created a basic react login application using an external API from the following docuumentation : https://javascript.plainenglish.io/basic-react-login-using-external-api-e33322e480cd
So, I have made few changes in the code for routing part and it was working fine in the localhost.
Later I have created a build file for the react application and hosted it on the server.
After hosting I encountered the page showing blank so when I looked for a solution I came across this How to fix the white screen after build with create-react-app?
and it says to overcome we have to add "homepage":".", in package.json file
so I have added it in the package.json and created a build file.
On hosting that build file I was able to successfully see the homepage, but later what the problem is I'm unable either refresh the page or login to the page using the credentials. When I perform either of those actions the page shows the error not found message.
Can anyone tell me what the problem I'm facing and any mistake in my application or it might be the problem on the server side.
What is the reason that making me not able to stay on page when refreshing and also why the page doesn't redirect to other page on entering the credentials.
The hosted application is this : https://www.bizwy.in/signin
My github repo of the project is this : https://github.com/BhupathiVenkataSaiCharan/auth-app
Let me know if you need something to exactly understand my problem. And guide me through the problem and help me solve it.
Suppose I have an e-commerce site, where i want to share product links on social media/send someone via messages. The issue on my app is when I share the link of product page it's not working on new browser where my app not loaded before.
I have checked on redux tools, it shows nothing loaded on it when manually typing the link to product page. After that if I visit homepage and refresh the page then everything gets loaded then everything works fine.
I have tried hash routing, it doesn't work either.
I think there is something wrong with my redux setup. Because static pages are working fine only issue when i share pages that loads data from server.
I'm stuck here. Can anyone help me out please
My canvas app has all started showing a 404 error from my website. I have not had any success in trouble shooting how the app is being redirected a website page rather than showing the original splash screen to install the app. Any ideas on troubleshooting this?
the app address is: http://www.facebook.com/#!/AyopaSoftware?sk=app_155882081129524
You need to fully configure the application that hosts that tab, including the canvas url.