add environment-based CORS proxy configuration

Author: elainefan331

.github/workflows/build-deploy-neurojsonio.yml

@@ -27,6 +27,7 @@ jobs:
           # PUBLIC_URL="/" yarn build
           export PUBLIC_URL="/"
           export REACT_APP_API_URL="/api/v1"
+          export REACT_APP_USE_CORS=false
           yarn build
 
       - name: Copy JS libraries

.github/workflows/build-deploy-zodiac.yml

@@ -36,6 +36,7 @@ jobs:
           # PUBLIC_URL="/dev/${{ env.BRANCH_NAME }}/" yarn build
           export PUBLIC_URL="/dev/${{ env.BRANCH_NAME }}/"
           export REACT_APP_API_URL="/dev/${{ env.BRANCH_NAME }}/api/v1"
+          export REACT_APP_USE_CORS=true
           yarn build
 
       - name: Copy JS libraries (jdata, bjdata etc.)

src/services/instance.ts

@@ -1,21 +1,31 @@
 import axios, { AxiosInstance, AxiosRequestConfig, AxiosResponse } from "axios";
 
-export const baseURL =
-	process.env.REACT_APP_BACK_URL ??
-	"https://cors.redoc.ly/https://neurojson.io:7777";
+// export const baseURL =
+// 	process.env.REACT_APP_BACK_URL ??
+// 	"https://cors.redoc.ly/https://neurojson.io:7777";
+
+const needsCorsProxy =
+  process.env.REACT_APP_USE_CORS === "true" ||
+  process.env.NODE_ENV === "development";
+
+const backendURL = "https://neurojson.io:7777";
+
+export const baseURL = needsCorsProxy
+  ? `https://cors.redoc.ly/${backendURL}`
+  : backendURL;
 
 export const api: AxiosInstance = axios.create({
-	baseURL,
-	withCredentials: false,
+  baseURL,
+  withCredentials: false,
 });
 
 api.interceptors.request.use((config) => {
-	return config;
+  return config;
 });
 
 api.interceptors.response.use(
-	(response: any) => response,
-	async (error: { response: AxiosResponse; config: AxiosRequestConfig }) => {
-		return Promise.reject(error);
-	}
+  (response: any) => response,
+  async (error: { response: AxiosResponse; config: AxiosRequestConfig }) => {
+    return Promise.reject(error);
+  }
 );