diff --git a/frontend/src/components/common/account.js b/frontend/src/components/common/account.js
index 9c660233df..4df5a81088 100644
--- a/frontend/src/components/common/account.js
+++ b/frontend/src/components/common/account.js
@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import ReactDOM from 'react-dom';
 import { Utils } from '../../utils/utils';
 import { seafileAPI } from '../../utils/seafile-api';
-import { siteRoot, gettext, appAvatarURL } from '../../utils/constants';
+import { siteRoot, gettext, appAvatarURL, logoutUrl } from '../../utils/constants';
 import toaster from '../toast';
 
 const propTypes = {
@@ -164,7 +164,7 @@ class Account extends Component {
             </div>
             <a href={siteRoot + 'profile/'} className="item">{gettext('Settings')}</a>
             {this.renderMenu()}
-            <a href={siteRoot + 'accounts/logout/'} className="item">{gettext('Log out')}</a>
+            <a href={logoutUrl} className="item">{gettext('Log out')}</a>
           </div>
         </div>
       </div>
diff --git a/frontend/src/components/common/logout.js b/frontend/src/components/common/logout.js
index 863243f6fc..bcceb9b63f 100644
--- a/frontend/src/components/common/logout.js
+++ b/frontend/src/components/common/logout.js
@@ -1,10 +1,10 @@
 import React from 'react';
-import { siteRoot, gettext } from '../../utils/constants';
+import { gettext, logoutUrl } from '../../utils/constants';
 
 export default function Logout() {
   return (
-    <a className="logout-icon" href={`${siteRoot}accounts/logout/`} title={gettext('Log out')}>
+    <a className="logout-icon" href={logoutUrl} title={gettext('Log out')}>
       <i className="sf3-font sf3-font-logout" style={{fontSize: '24px'}}></i>
     </a>
   );
-}
\ No newline at end of file
+}
diff --git a/frontend/src/utils/constants.js b/frontend/src/utils/constants.js
index 4532b512d0..ade1173d34 100644
--- a/frontend/src/utils/constants.js
+++ b/frontend/src/utils/constants.js
@@ -3,6 +3,7 @@ export const gettext = window.gettext;
 
 export const siteRoot = window.app.config.siteRoot;
 export const loginUrl = window.app.config.loginUrl;
+export const logoutUrl = window.app.config.logoutUrl;
 export const avatarInfo = window.app.config.avatarInfo;
 export const logoPath =  window.app.config.logoPath;
 export const mediaUrl = window.app.config.mediaUrl;
diff --git a/seahub/base/context_processors.py b/seahub/base/context_processors.py
index c79d589bb5..6b7ca9b252 100644
--- a/seahub/base/context_processors.py
+++ b/seahub/base/context_processors.py
@@ -133,6 +133,7 @@ def base(request):
         'constance_enabled': dj_settings.CONSTANCE_ENABLED,
         'FILE_SERVER_ROOT': file_server_root,
         'LOGIN_URL': dj_settings.LOGIN_URL,
+        'LOGOUT_URL': dj_settings.LOGOUT_URL,
         'enable_thumbnail': ENABLE_THUMBNAIL,
         'thumbnail_size_for_original': THUMBNAIL_SIZE_FOR_ORIGINAL,
         'enable_guest_invitation': ENABLE_GUEST_INVITATION,
diff --git a/seahub/templates/base_for_react.html b/seahub/templates/base_for_react.html
index 2bdb907330..bbeacde3d7 100644
--- a/seahub/templates/base_for_react.html
+++ b/seahub/templates/base_for_react.html
@@ -39,6 +39,7 @@
             siteName: '{{ site_name|escapejs }}',
             siteRoot: '{{ SITE_ROOT }}',
             loginUrl: '{{ LOGIN_URL }}',
+            logoutUrl: '{{ LOGOUT_URL }}',
             isPro: '{{ is_pro }}',
             isDocs: '{{ is_docs }}',
             lang: '{{ LANGUAGE_CODE }}',