How to deploy Netlify react app and it give a error reload time page not found. How can I solve it.
Related
I developed a website using react and node.js, and my team deploy it on the server, the problem is when we try to use the website using the new domain or IP address it gives us this error:
Although it works fine in the localhost:3000 in the server, can you please give me the hints to solve this
I also faced the same issue because of not updating
backend URL so make sure to check the backend URL in the frontend. If you host any cloud-like Heroku then include on .env
In your case, there might be some other reason as well.
Is there any possibiliy to deploy full wordpress app in Nuxt app? I mean I want to have adress foo.com of my app and on foo.com/bar will be wordpress app. Is there any way to do this? Nuxt router will be able to deal with this?
Wordpress API and iframe aren't answers, which I look for. As I said i want to deploy whole wordpress on specific adress of my Nuxt app.
A bit of background
NuxtJS (build as static) is a client side app.
WordPress is a PHP server side app
A wordpress site usually get served to users by web servers like apache or nginx.
Client side apps served by any web server (including apache or nginx)
So you can't "deploy wordpress in nuxt", but it is simple to get what you want:
Follow this guide to move the wordpress to a subdirectory
Upload the nuxt app to the root directory
In case you are using SSR or any other requirements that force you to use Nuxt in server mode, your options are:
Setup nginx as reverse proxy
Setup apache as reverse proxy
Setup a proxy in the node server itself, maybe this project could help
I think there may be a problem with this without the wordpress API, but the question is, do you care about Nuxt.js or maybe just Vue is enough? Remember that in Vue 2 you can use an inline-template, thanks to which you can render elements on the server side. For this you will add the necessary elements from the Vue ecosystem, such as a router and setup you will have similar to Nuxt.js.
Example code:
<div is="navbar-dropdown" inline-template>
<div v-cloak :class="isOpenDropdown ? 'visible opacity-1 mt-0' : 'invisible opacity-0 mt-10'">
<?php get_search_form(); ?>
</div>
</div>
i have hosted a react site on netlify but redirect is not working as i want.
You see that here: https://unsplash-app.netlify.com/photo/C6-GjBAOtZc
for example if i go to /photo/h478dhek first time it load when i redirect from netlify site itself but, when i refresh page it just not work and say page not found. what should i do to make redirection work i want it to be.
i have tried creating _redirects file in my build directory but in official documentation it's not clear that redirection will work in refresh the page
Since this is a single page (React) app, have you tried a rewrite rule:
_redirects
/* /index.html 200
As you mentioned, this file would need to be in your build (deploy) directory after the build.
I deployed my react app with nodejs in https://learnhosting.herokuapp.com, its working well, apis(express) are also working properly.
But while accessing the site with learnhosting.herokuapp.com pages other than homepage not working i.e cannot GET /url. Also when opening this in mobile all pages except homepage showing cannot GET /url error for even https://learnhosting.herokuapp.com, how to fix this error?
Thanks in Advance.
I've tried to attach the build log but stack over flow was keep throwing errors, so i will go ahead and skip the build log. As far as the build log goes, there wasn't an error.
As you can see there is no error generated while building the system on heroku's side. I did everything that my domain name company told me to.
However, when I go to my custom url, www.example.com, I see an error:
Heroku | No such app
There is no app configured at that hostname.
Perhaps the app owner has renamed it, or you mistyped the URL.
The url that heroku gives me works but when I connect it to my namecheap domain, it keeps giving me that Heroku | No such app-error.