fix: nginx config allows app page reload (#141)

we have to redirect unknown url to index.html so that react app can handle them

backend/editor/settings.py

@@ -4,5 +4,5 @@
 import os
 
 uri = os.environ.get("NEO4J_URI", "bolt://localhost:7687")
-access_token = os.environ.get("GITHUB_PAT", "<Add personal access token here>")
+access_token = os.environ.get("GITHUB_PAT")
 repo_uri = os.environ.get("REPO_URI", "openfoodfacts/openfoodfacts-server")

conf/nginx.conf

@@ -68,6 +68,12 @@ server {
 
 	index index.html;
 
+	location / {
+		# an unknown path is a path handled by react
+		try_files $uri $uri/ /index.html;
+	}
+
+
 }
 
 

docker/dev.yml

@@ -53,9 +53,8 @@ services:
         USER_UID: ${USER_UID:-1000}
         USER_GID: ${USER_GID:-1000}
     environment:
-      # disabling prod ui config and enabling node one
-      PROD_UI_SUFFIX: "-static"
-      DEV_UI_SUFFIX: ""
-    volumes:
-      # mount build folder dynamically
-      - ./taxonomy-editor-frontend/build:/opt/taxonomy-editor/build
+      # by default, disabling prod ui config and enabling node one
+      # you can change this settings to try the prod configuration,
+      # by setting PROD_UI_SUFFIX to "" and DEV_UI_SUFFIX to "-dev"
+      PROD_UI_SUFFIX: "${PROD_UI_SUFFIX--static}"
+      DEV_UI_SUFFIX: "${DEV_UI_SUFFIX-}"