我可以在常规主机上部署我的 ReactJS 应用程序吗？

Question

I've seen many guides where people teach you how to deploy your react app on services like digital ocean, heroku, GitHub Pages, aws. But I'm wondering if I can deploy my React app (create-react-app) which consists of only front end in a host service like 000webhost or Ipage? Because a person wants me to design a website, and he says that he already has a domain name and a host service in lpage.

Answer 1

I use webpack to bundle my react app. So at the end react app will be:

• one bundle (rarely more if you use dynamic bundle loading - probably not), that is just a javascript file
• your index.html that includes this file at the end of body
• and your .css that you can set in principle in one file (or separate folder with several files) and include at the top of your index.html

Regarding .css there are several better ways how to include, but you can likely start with simple setup as mentioned above.

So you just put these 3 things on your server, and your app is available at index.html.

PS Don't know what is Ipage, and haven't worked with create-react-app.

Answer 2

Run ' npm run build ' from your command line folder where your project is located. Copy files from the 'build' folder that is created and upload them in your host's root folder or equivalent. Takes less than a minute.

Answer 3

This may be quite old, but, i have accomplished the React deploy on a regular web hosting on subdirectory;

A few things that must be changed or included

1 - Set the "homepage" on package.json - "homepage":"https://example.com" or in my case "homepage":"https://example.com/myApp"

2 - Set basename on router file - <Router basename={'/myApp'}></Router> OR <BrowserRouter basename={'/myApp'}></BrowserRouter>

3 - Set the .htaccess file as -

<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /myApp/
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_FILENAME} !-l
RewriteRule . /myApp/index.html [L]
</IfModule>

4 - build - npm run build

5 - Now i can access my React App on https://example.com/myApp

source: google and https://www.fullstacktutorials.com/deploy-react-app-subdirectory-10.html