How to serve react-create-app build with nginx on server without domain name (only IP)?

Question

I am asking for how to configure nginx. For now i tried some variations and stack on this:

server {
  listen 80 default_server;
  listen [::]:80 default_server;
  root /srv/appfolder/build;
  index index.html;
  server_name my_server_ip_without_http;
  location / {
    try_files $uri $uri/ =404;
  }
}
~

Now- when i hitting the server IP i got :

Welcome to nginx!

For now I am trying only http for beginning. Is it possible to make it work in format IP:port/pagename ? or IP:pagename? Is it possible to serve several apps on different ports and enable app page uri work?

[How to ask a good question](https://stackoverflow.com/help/how-to-ask) — Alexander Azarov, Oct 02 '18 at 09:56

score 0 · Answer 1 · answered Oct 02 '18 at 07:26

0

You will have to work with the react-router, in addition configure your .htaccess to be compatible. Example:

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

answered Oct 02 '18 at 07:26

Gustavo Satheler

11
3

The OP asked about Nginx. Nginx supports neither `.htaccess` nor the configuration format you show. – Alexander Azarov Oct 02 '18 at 09:43
Yes. It's a example. Nginx use a type file .conf. So, check what corresponds to this in Nginx. – Gustavo Satheler Oct 08 '18 at 20:53

How to serve react-create-app build with nginx on server without domain name (only IP)?

1 Answers1