diff --git a/web/craco.config.js b/web/craco.config.js
index 72ab7ca0..aa615b60 100644
--- a/web/craco.config.js
+++ b/web/craco.config.js
@@ -3,10 +3,22 @@ const CracoLessPlugin = require('craco-less');
 module.exports = {
   devServer: {
     proxy: {
-        '/api': {
-            target: 'http://localhost:8000',
-            changeOrigin: true,
-        }
+      '/api': {
+        target: 'http://localhost:8000',
+        changeOrigin: true,
+      },
+      '/swagger': {
+        target: 'http://localhost:8000',
+        changeOrigin: true,
+      },
+      '/files': {
+        target: 'http://localhost:8000',
+        changeOrigin: true,
+      },
+      '/.well-known/openid-configuration': {
+        target: 'http://localhost:8000',
+        changeOrigin: true,
+      }
     },
   },
   plugins: [
@@ -15,7 +27,7 @@ module.exports = {
       options: {
         lessLoaderOptions: {
           lessOptions: {
-            modifyVars: { '@primary-color': 'rgb(45,120,213)' },
+            modifyVars: {'@primary-color': 'rgb(45,120,213)'},
             javascriptEnabled: true,
           },
         },
diff --git a/web/src/App.js b/web/src/App.js
index d31dfaa2..7f9553a1 100644
--- a/web/src/App.js
+++ b/web/src/App.js
@@ -410,7 +410,7 @@ class App extends Component {
       );
       res.push(
         <Menu.Item key="/swagger">
-          <a target="_blank" rel="noreferrer" href={Setting.isLocalhost() ? `${Setting.getFullServerUrl()}/swagger` : "/swagger"}>
+          <a target="_blank" rel="noreferrer" href={Setting.isLocalhost() ? `${Setting.ServerUrl}/swagger` : "/swagger"}>
             {i18next.t("general:Swagger")}
           </a>
         </Menu.Item>