(#827) make react app request to separate api host

sparcs-kaist · Sep 12, 2021 · 848d176 · 848d176
1 parent 5cdb0d4
commit 848d176
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 4 deletions.
diff --git a/react/package.json b/react/package.json
@@ -49,6 +49,5 @@
     "eslint-plugin-jsx-a11y": "^6.3.1",
     "eslint-plugin-no-loops": "^0.3.0",
     "eslint-plugin-react": "^7.20.6"
-  },
-  "proxy": "http://localhost:8000"
+  }
 }
diff --git a/react/src/common/apiBaseUrl.js b/react/src/common/apiBaseUrl.js
@@ -0,0 +1 @@
+export default process.env.NODE_ENV === 'production' ? 'https://api.otl.kaist.ac.kr' : 'http://localhost:8000';
diff --git a/react/src/common/guideline/components/Header.js b/react/src/common/guideline/components/Header.js
@@ -5,6 +5,7 @@ import PropTypes from 'prop-types';
 import { withTranslation } from 'react-i18next';
 
 import { guidelineBoundClassNames as classNames, appBoundClassNames } from '../../boundClassNames';
+import API_BASE_URL from '../../apiBaseUrl';
 
 import userShape from '../../../shapes/UserShape';
 
@@ -167,7 +168,7 @@ class Header extends Component {
                     )
                     : (
 
-                      <a href={`/session/login/?next=${window.location.href}`}>
+                      <a href={`${API_BASE_URL}/session/login/?next=${window.location.href}`}>
                         <i className={classNames('icon--header_user')} />
                         <span>
                           {t('ui.menu.signIn')}

diff --git a/react/src/index.js b/react/src/index.js
@@ -58,11 +58,13 @@ i18n
 
 import axios from 'axios';
 import Qs from 'qs';
+import API_BASE_URL from './common/apiBaseUrl';
 
 axios.defaults.xsrfHeaderName = 'X-CSRFToken';
 axios.defaults.xsrfCookieName = 'csrftoken';
 
-axios.defaults.baseURL = '/';
+axios.defaults.baseURL = API_BASE_URL;
+axios.defaults.withCredentials = true;
 
 axios.defaults.paramsSerializer = (params) => Qs.stringify(params, { arrayFormat: 'repeat' });